視覺內容片段技能的圖表 figma-to-visual-content-fragments-skill
Adobe Experience Manager (AEM)中的視覺內容片段可讓您使用視覺效果範本🔗中定義的版面來預覽及傳遞內容片段。 這些範本以使用Handlebars的HTML範本為基礎。
雖然在手寫式編碼的HTML範本中定義樣式和版面資訊是完全可行的，但這是一個高度技術性的程式，通常由網頁開發人員執行。 模組化體驗的視覺設計通常建立在Figma中，因此可直接將設計從Figma匯入AEM，簡化視覺內容片段的程式。
如需詳細資訊，請參閱：
NOTE
視覺內容片段的Figma to Visual Content Fragments技能是Experience Production Agentic功能的一部分。
先決條件 prerequisites
開始之前：
-
從Figma匯入需要驗證。
- Figma使用者需要在Figma中建立存取權杖，並將其儲存在AEM服務中。
這可透過以下方式達成：
- 在Figma中產生個人權杖
- 在https://experience.adobe.com登入Adobe Experience Manager as a Cloud Service
- 將Token儲存在https://experience.adobe.com/#/aem/figmatocontentfragment
從Figma建立視覺內容片段的方式 to-create-a-visual-content-fragment-from-figma
流程如下：
-
在圖形中建立設計。
-
在Figma中建立設計物件的共用連結。
-
在AEM中，AEM使用者可以從初始提示開始，使用同事在AEM中重新建立已核准的設計。 AEM會自動建立所需的內容片段模型、內容片段和HTML範本。
-
必要時，該技能會要求您提供詳細資訊，例如要使用的AEM環境。
-
建立流程還包括允許在可用時重複使用現有內容模型或片段的功能。
-
-
此技能會為內容產生內容片段和內容片段模型，並為版面配置和設計產生HTML範本。
- 技能提供片段的直接連結，您可以從中存取模型和範本。
範例提示 sample-prompts
範例提示包括：
-
若要從Figma匯入：
- 從Figma {Figma_share_URL}匯入至AEM
-
若要從Figma匯入並指定AEM程式：
- 從Figma {Figma_share_URL}匯入至{AEMaaCS_program/environment_link}
recommendation-more-help
experience-manager-cloud-service-help-main-toc