Habilidad de fragmentos de contenido de Figma a Visual figma-to-visual-content-fragments-skill
Los fragmentos de contenido visual de Adobe Experience Manager (AEM) le permiten obtener una vista previa de los fragmentos de contenido y enviarlos mediante un diseño definido en una plantilla de visualización. Estas plantillas se basan en una plantilla de HTML que utiliza Handlebars.
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. Como los diseños visuales para experiencias modulares a menudo se crean en Figma, es posible optimizar este proceso para fragmentos de contenido visual importando directamente diseños de Figma a AEM.
Para obtener más información, consulte:
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 Manager as a Cloud Service en https://experience.adobe.com
- Conservando el token en https://experience.adobe.com/#/aem/figmatocontentfragment
Para crear un fragmento de contenido visual a partir de Figma to-create-a-visual-content-fragment-from-figma
El flujo es el siguiente:
-
Cree un diseño en Figma.
-
Cree un vínculo compartido al objeto de diseño en Figma.
-
En AEM, el usuario de AEM puede empezar con una solicitud inicial para utilizar Coworker para volver a crear 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.
-
Si es necesario, la aptitud solicitará más información, como el entorno de AEM que debe utilizar.
-
El proceso de creación también incluye funcionalidades que permiten reutilizar modelos de contenido o fragmentos existentes cuando ya están disponibles.
-
-
La aptitud 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.
- La aptitud 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 desde Figma {Figma_share_URL} a AEM
-
Para importar desde Figma y especificar el programa AEM:
- Importar desde Figma {Figma_share_URL} a {AEMaaCS_program/environment_link}