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