Trabajo de Figma a fragmentos de contenido visual figma-to-visual-content-fragments-job
El trabajo de Figma en fragmentos de contenido visuales de Experience Production Agent automatiza el proceso de recreación de diseños Figma en Adobe Experience Manager (AEM) as a Cloud Service.
Información general overview
Los fragmentos de contenido visual de AEM permiten obtener una vista previa y enviar fragmentos de contenido mediante un diseño visual basado en una plantilla de HTML.
Aunque la definición de información de estilo y diseño en plantillas HTML codificadas a mano es totalmente viable, se trata de un proceso muy técnico que suelen realizar los desarrolladores web.
Para optimizar este proceso para Fragmentos de contenido visual, y dado que los diseños visuales para experiencias modulares a menudo se crean en Figma, también es posible importar directamente diseños de Figma a AEM.
Requisitos previos prerequisites
Antes de empezar:
-
La importación desde Figma requiere autenticación. El usuario de Figma debe crear un token de acceso en Figma y almacenarlo en el servicio de AEM.
Esto se logra mediante:
- generación de un token personal en Figma
- iniciando sesión en Adobe Experience Cloud a las
https://experience.adobe.com - conservando el token en
https://experience.adobe.com/#/aem/figmatocontentfragment
Para cargar un diseño to-upload-a-design
El flujo es el siguiente:
-
El diseñador (usuario de Figma) crea el diseño en Figma.
-
El usuario de Figma crea un vínculo compartido con el objeto de diseño en Figma.
-
El usuario de Figma envía el vínculo compartido al usuario de AEM.
-
A partir de un prompt inicial, el usuario de AEM puede usar el AI Assistant para interactuar con el trabajo de Figma en fragmentos de contenido visuales y volver a crear automáticamente el diseño aprobado en AEM. AEM creará automáticamente los modelos de fragmentos de contenido, los fragmentos de contenido y las plantillas de HTML necesarios.
- Cuando sea necesario, el agente solicitará más información, como el entorno de AEM que debe utilizar.
- El proceso de creación agéntica también incluye funcionalidades que permiten reutilizar modelos de contenido o fragmentos existentes cuando ya están disponibles.
-
El agente genera un fragmento de contenido y un modelo de fragmento de contenido para el contenido, así como una plantilla de HTML para el diseño.
- El agente proporciona un vínculo directo al fragmento desde el que puede acceder al modelo y a la plantilla.
Indicadores de ejemplo sample-prompts
Los indicadores de ejemplo incluyen:
- Para importar desde Figma:
- Importar de Figma {Figma_share_URL} a AEM
- Para seleccionar el programa AEM de entre las sugerencias del agente:
- Importar de Figma {Figma_share_URL} a {AEMaaCS_program/environment_link}
Recursos adicionales additional-resources
Los siguientes recursos pueden resultar útiles a medida que continúa explorando fragmentos de contenido visual: