시각적 콘텐츠 조각 피규어 스킬 figma-to-visual-content-fragments-skill
Adobe Experience Manager(AEM)의 시각적 콘텐츠 조각을 사용하면 시각화 템플릿에 정의된 레이아웃을 사용하여 콘텐츠 조각을 미리 보고 전달할 수 있습니다. 이러한 템플릿은 Handlebars를 사용하는 HTML 템플릿을 기반으로 합니다.
손으로 코딩된 HTML 템플릿에서 스타일 및 레이아웃 정보를 정의하는 것은 전적으로 가능하지만 웹 개발자가 일반적으로 수행하는 매우 기술적인 프로세스입니다. 모듈식 경험에 대한 시각적 디자인이 Figma에서 종종 생성되므로 Figma의 디자인을 AEM으로 직접 가져와서 시각적 콘텐츠 조각에 대한 이 프로세스를 간소화할 수 있습니다.
자세한 내용은 다음을 참조하십시오.
사전 요구 사항 prerequisites
시작하기 전에:
-
Fi그마에서 가져오려면 인증이 필요합니다.
- Figma 사용자는 Figma에서 액세스 토큰을 만들어 AEM 서비스에 저장해야 합니다.
이 작업은 다음 작업을 통해 수행됩니다.
- Figure에서 개인 토큰 생성
- https://experience.adobe.com에서 Adobe Experience Manager as a Cloud Service에 로그인하는 중
- https://experience.adobe.com/#/aem/figmatocontentfragment에서 토큰을 유지하는 중
그림에서 시각적 컨텐츠 조각을 만들려면 to-create-a-visual-content-fragment-from-figma
흐름은 다음과 같습니다.
-
Figure에서 디자인을 만듭니다.
-
그림에서 디자인 개체에 대한 공유 링크를 만듭니다.
-
AEM에서 AEM 사용자는 초기 프롬프트로 시작하여 Coworker를 사용하여 AEM에서 승인된 디자인을 다시 만들 수 있습니다. AEM은 필요한 콘텐츠 조각 모델, 콘텐츠 조각 및 HTML 템플릿을 자동으로 생성합니다.
-
필요한 경우 스킬에서 사용할 AEM 환경과 같은 추가 정보를 요청합니다.
-
만들기 프로세스에는 이미 사용 가능한 경우 기존 콘텐츠 모델 또는 조각을 재사용할 수 있는 기능도 포함됩니다.
-
-
스킬은 콘텐츠에 대한 콘텐츠 조각 및 콘텐츠 조각 모델, 레이아웃 및 디자인에 대한 HTML 템플릿을 생성합니다.
- 이 스킬은 조각에 대한 직접 링크를 제공하며 여기에서 모델 및 템플릿에 액세스할 수 있습니다.
샘플 프롬프트 sample-prompts
샘플 프롬프트는 다음과 같습니다.
-
Figma에서 가져오려면
- Figure {Figma_share_URL}에서 AEM으로 가져오기
-
Figma에서 가져오고 AEM 프로그램을 지정하려면 다음을 수행하십시오.
- Figure {Figma_share_URL}에서 {AEMaaCS_program/environment_link}(으)로 가져오기