Abilità per frammenti di contenuto visivo figma-to-visual-content-fragments-skill
I frammenti di contenuto visivo in Adobe Experience Manager (AEM) consentono di visualizzare in anteprima e distribuire frammenti di contenuto utilizzando un layout definito in un modello di visualizzazione. Questi modelli sono basati su un modello di HTML che utilizza Handlebars.
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. Poiché spesso in Figma vengono creati design visivi per esperienze modulari, è possibile semplificare questo processo per frammenti di contenuto visivo importando direttamente i design da Figma in AEM.
Per ulteriori dettagli, consulta:
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 ad Adobe Experience Manager as a Cloud Service in https://experience.adobe.com
- Persistenza del token in https://experience.adobe.com/#/aem/figmatocontentfragment
Per creare un frammento di contenuto visivo da Figma to-create-a-visual-content-fragment-from-figma
Il flusso è il seguente:
-
Create un progetto in Figma.
-
Creare un collegamento di condivisione all’oggetto di progettazione in Figma.
-
In AEM, l’utente di AEM può iniziare con un prompt iniziale per utilizzare Coworker per ricreare la progettazione approvata in AEM. AEM creerà automaticamente i modelli di frammenti di contenuto, i frammenti di contenuto e i modelli di HTML richiesti.
-
Se necessario, l’abilità richiederà ulteriori informazioni, ad esempio l’ambiente AEM da utilizzare.
-
Il processo di creazione include anche funzionalità che consentono di riutilizzare modelli di contenuto o frammenti esistenti quando già disponibili.
-
-
L’abilità 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’abilità 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 importare da Figma e specificare il programma AEM:
- Importa da Figma {Figma_share_URL} a {AEMaaCS_program/environment_link}