Processo da Figma a Frammenti di contenuto visivo figma-to-visual-content-fragments-job
Il processo da Figma a Frammenti di contenuto visivo di Experience Production Agent automatizza il processo di ricreazione delle progettazioni Figma in Adobe Experience Manager (AEM) as a Cloud Service.
Panoramica overview
I frammenti di contenuto visivo di AEM consentono di visualizzare in anteprima e distribuire frammenti di contenuto utilizzando un layout visivo basato su un modello HTML.
Sebbene la definizione di informazioni su stile e layout nei modelli HTML codificati manualmente sia completamente fattibile, si tratta di un processo altamente tecnico che viene solitamente eseguito dagli sviluppatori web.
Per semplificare questo processo per Frammenti di contenuto visivo e poiché spesso in Figma vengono creati progetti visivi per esperienze modulari, è anche possibile importare direttamente i progetti da Figma in AEM.
Prerequisiti prerequisites
Prima di iniziare:
-
L’importazione da Figma richiede l’autenticazione. L’utente Figma deve creare un token di accesso in Figma e memorizzarlo nel servizio AEM.
Tale obiettivo è conseguito:
- generazione di un token personale in Figma
- accesso a Adobe Experience Cloud in
https://experience.adobe.com - persistenza del token in
https://experience.adobe.com/#/aem/figmatocontentfragment
Per caricare una progettazione to-upload-a-design
Il flusso è il seguente:
-
Il designer (utente Figma) crea il progetto in Figma.
-
L’utente Figma crea un collegamento di condivisione con l’oggetto di design in Figma.
-
L’utente Figma invia il collegamento di condivisione all’utente AEM.
-
A partire da un prompt iniziale, l’utente di AEM può quindi utilizzare l’Assistente IA per interagire con il processo Figma to Visual Content Fragments e ricreare automaticamente la progettazione approvata in AEM. AEM creerà automaticamente i modelli di frammenti di contenuto, i frammenti di contenuto e i modelli di HTML richiesti.
- Quando necessario, l’agente richiederà ulteriori informazioni, ad esempio l’ambiente AEM da utilizzare.
- Il processo di creazione dell’agente include anche funzionalità che consentono di riutilizzare modelli di contenuto o frammenti esistenti, se già disponibili.
-
L’agente genera un frammento di contenuto e un modello di frammento di contenuto per il contenuto, nonché un modello HTML per il layout e la progettazione.
- L’agente fornisce un collegamento diretto al frammento, dal quale è possibile accedere al modello e al modello.
Prompt di esempio sample-prompts
I prompt di esempio includono:
- Per importare da Figma:
- Importa da Figma {Figma_share_URL} in AEM
- Per selezionare il programma AEM dai suggerimenti dell’agente:
- Importa da Figma {Figma_share_URL} a {AEMaaCS_program/environment_link}
Risorse aggiuntive additional-resources
Le seguenti risorse possono essere utili mentre continui a esplorare i frammenti di contenuto visivo: