視覺化內容片段工作的圖片 figma-to-visual-content-fragments-job

Experience Production Agent的Figma to Visual Content Fragments工作會自動在Adobe Experience Manager (AEM) as a Cloud Service中重新建立Figma設計的程式。

NOTE
視覺內容片段的Figma目前處於「有限可用性」。
如果您想要參與,請將您的正式電子郵件地址傳送至experience-production-agent@adobe.com

概觀 overview

AEM視覺內容片段允許使用以HTML範本為基礎的視覺版面預覽和傳遞內容片段。

雖然在手寫式編碼的HTML範本中定義樣式和版面資訊是完全可行的,但這是一個高度技術性的程式,通常由網頁開發人員執行。

若要簡化視覺內容片段的流程,而且模組化體驗的視覺設計通常是在Figma中建立,也可以直接從Figma將設計匯入AEM。

先決條件 prerequisites

開始之前:

  • 從Figma匯入需要驗證。 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助理與Figma to Visual Content片段工作互動,並在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