시각적 콘텐츠 조각 작업 결합 figma-to-visual-content-fragments-job

Experience Production Agent의 시각적 콘텐츠 조각에 대한 Figma 작업은 Adobe Experience Manager(AEM) as a Cloud Service에서 Figma 디자인을 다시 만드는 프로세스를 자동화합니다.

NOTE
시각적 콘텐츠 조각 구성 작업은 현재 제한된 가용성입니다.
참가하려면 공식 이메일 주소에서 experience-production-agent@adobe.com(으)로 요청을 보내십시오.

개요 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

흐름은 다음과 같습니다.

  1. 디자이너(Figma 사용자)는 Figma에 디자인을 작성합니다.

  2. Figma 사용자는 Figma에 디자인 개체에 대한 공유 링크를 만듭니다.

  3. Figma 사용자는 공유 링크를 AEM 사용자에게 보냅니다.

  4. 그런 다음 AEM 사용자는 초기 프롬프트부터 AI 도우미를 사용하여 시각적 콘텐츠 조각 그림 작업과 상호 작용하고 AEM에서 승인된 디자인을 자동으로 다시 만들 수 있습니다. AEM은 필요한 콘텐츠 조각 모델, 콘텐츠 조각 및 HTML 템플릿을 자동으로 생성합니다.

    • 필요한 경우 에이전트는 사용할 AEM 환경과 같은 추가 정보를 요청합니다.
    • 에이전트 생성 프로세스에는 이미 사용 가능한 경우 기존 콘텐츠 모델 또는 조각을 재사용할 수 있는 기능도 포함됩니다.
  5. 에이전트는 콘텐츠에 대한 콘텐츠 조각 및 콘텐츠 조각 모델, 레이아웃 및 디자인에 대한 HTML 템플릿을 생성합니다.

    • 에이전트는 모델 및 템플릿에 액세스할 수 있는 조각에 대한 직접 링크를 제공합니다.

샘플 프롬프트 sample-prompts

샘플 프롬프트는 다음과 같습니다.

  • Figma에서 가져오려면
    • Figma {Figma_share_URL}에서 AEM으로 가져오기
  • 에이전트 제안에서 AEM 프로그램을 선택하려면 다음을 수행하십시오.
    • Figma {Figma_share_URL}에서 {AEMaaCS_program/environment_link}(으)로 가져오기

추가 리소스 additional-resources

다음 리소스는 시각적 콘텐츠 조각을 계속 탐색할 때 유용할 수 있습니다.

recommendation-more-help
experience-manager-cloud-service-help-main-toc