Trabalho de Fragmentos de conteúdo de figuras para visuais figma-to-visual-content-fragments-job
O trabalho de Fragmentos de conteúdo Figma para Visual do Agente de produção de experiência automatiza o processo de recriação de designs Figma no Adobe Experience Manager (AEM) as a Cloud Service.
Visão geral overview
Os Fragmentos de conteúdo visual do AEM permitem visualizar e entregar Fragmentos de conteúdo usando um layout visual com base em um modelo do HTML.
Embora a definição de informações de estilo e layout em modelos HTML codificados manualmente seja totalmente viável, é um processo altamente técnico que geralmente é executado por desenvolvedores da Web.
Para simplificar esse processo para Fragmentos de conteúdo visual, e como designs visuais para experiências modulares são frequentemente criados no Figma, também é possível importar designs diretamente do Figma para o AEM.
Pré-requisitos prerequisites
Antes de começar:
-
A importação do Figma requer autenticação. O usuário do Figma precisa criar um token de acesso no Figma e armazená-lo no serviço do AEM.
Isso é feito:
- geração de um token pessoal no Figma
- fazendo logon no Adobe Experience Cloud em
https://experience.adobe.com - persistir no token em
https://experience.adobe.com/#/aem/figmatocontentfragment
Para carregar um design to-upload-a-design
O fluxo é o seguinte:
-
O designer (usuário do Figma) cria o design no Figma.
-
O usuário do Figma cria um link de compartilhamento para o objeto de design no Figma.
-
O usuário do Figma envia o link de compartilhamento para o usuário do AEM.
-
Começando com um prompt inicial, o usuário do AEM pode usar o assistente do AI para interagir com o trabalho de fragmentos de conteúdo visual no Figma e recriar automaticamente o design aprovado no AEM. O AEM criará automaticamente os modelos de fragmento de conteúdo, fragmentos de conteúdo e modelos do HTML necessários.
- Quando necessário, o agente solicitará mais informações, como o ambiente do AEM a ser usado.
- O processo de criação de agente também inclui recursos que permitem reutilizar modelos ou fragmentos de conteúdo existentes quando já estão disponíveis.
-
O agente gera um fragmento de conteúdo e um modelo de fragmento de conteúdo para o conteúdo, além de um modelo de HTML para o layout e design.
- O agente fornece um link direto para o fragmento, de onde você pode acessar o modelo e o modelo.
Exemplos de Prompts sample-prompts
Exemplos de prompts incluem:
- Para importar do Figma:
- Importar do Figma {Figma_share_URL} para o AEM
- Para selecionar o programa AEM nas sugestões do agente:
- Importar do Figma {Figma_share_URL} para {AEMaaCS_program/environment_link}
Recursos adicionais additional-resources
Os seguintes recursos podem ser úteis à medida que você continua a explorar Fragmentos de conteúdo visual: