可视化内容片段技能的图表 figma-to-visual-content-fragments-skill
Adobe Experience Manager (AEM)中的可视化内容片段允许您使用可视化模板🔗中定义的布局预览和交付内容片段。 这些模板基于使用Handlebars的HTML模板。
虽然在手动编码的HTML模板中定义样式和布局信息是完全可行的，但这是一个技术含量很高的过程，通常由Web开发人员执行。 由于模块化体验的可视设计通常在Figma中创建，因此可以通过直接将设计从Figma导入AEM来简化可视化内容片段的此流程。
有关更多详细信息，请参阅：
NOTE
“可视化内容片段图表”技能是“体验生产代理”功能的一部分。
先决条件 prerequisites
开始之前：
-
从Figma导入需要身份验证。
- Figma用户需要在Figma中创建访问令牌并将其存储在AEM服务中。
这是通过以下方式实现的：
- 在费格玛中生成个人令牌
- 在https://experience.adobe.com登录Adobe Experience Manager as a Cloud Service
- 将令牌保留在https://experience.adobe.com/#/aem/figmatocontentfragment
从Figma创建可视内容片段 to-create-a-visual-content-fragment-from-figma
具体流程如下：
-
在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