可视化内容片段作业图表 figma-to-visual-content-fragments-job

Experience Production Agent的Figma to Visual Content Fragments作业可自动执行在Adobe Experience Manager (AEM) as a Cloud Service中重新创建Figma设计的过程。

概述 overview

AEM可视内容片段允许使用基于HTML模板的可视布局预览和交付内容片段。

虽然在手动编码的HTML模板中定义样式和布局信息是完全可行的,但这是一个技术含量很高的过程,通常由Web开发人员执行。

为了简化可视化内容片段的流程,并且由于模块化体验的视觉设计通常在Figma中创建,因此也可以直接将Figma中的设计导入AEM。

先决条件 prerequisites

开始之前:

  • 从Figma导入需要身份验证。 Figma用户需要在Figma中创建访问令牌并将其存储在AEM服务中。

    这是通过以下方式实现的:

    • 在费格玛中生成个人令牌
    • 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 Fragments作业交互,并在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