Auftrag „Figma zu visuellen Inhaltsfragmenten“ figma-to-visual-content-fragments-job
Der Auftrag Figma zu visuellen Inhaltsfragmenten des Experience Production Agent automatisiert den Prozess der Neuerstellung von Figma-Designs in Adobe Experience Manager (AEM) as a Cloud Service.
Überblick overview
Visuelle Inhaltsfragmente in AEM ermöglichen die Vorschau und Bereitstellung von Inhaltsfragmenten mithilfe eines visuellen Layouts, das auf einer HTML-Vorlage basiert.
Während das Definieren von Stil- und Layout-Informationen in handcodierten HTML-Vorlagen durchaus möglich ist, ist dies ein hochtechnischer Prozess, der normalerweise von Web-Entwicklerinnen und -Entwicklern ausgeführt wird.
Um diesen Prozess für visuelle Inhaltsfragmente zu optimieren und da visuelle Designs für modulare Erlebnisse häufig in Figma erstellt werden, ist es auch möglich, Designs direkt aus Figma in AEM zu importieren.
Voraussetzungen prerequisites
Bevor Sie beginnen:
-
Der Import aus Figma erfordert eine Authentifizierung. Der Figma-Benutzer muss ein Zugriffstoken in Figma erstellen und im AEM-Service speichern.
Dies wird erreicht durch:
- Generieren eines persönlichen Tokens in Figma
- Anmelden bei Adobe Experience Cloud unter
https://experience.adobe.com - Beibehalten des Tokens bei
https://experience.adobe.com/#/aem/figmatocontentfragment
So laden Sie ein Design hoch to-upload-a-design
Der Ablauf sieht wie folgt aus:
-
Der Designer (Figma-Benutzer) erstellt das Design in Figma.
-
Der Figma-Benutzer erstellt eine Freigabe-Relation zum Design-Objekt in Figma.
-
Der Figma-Benutzer sendet den Freigabe-Link an den AEM-Benutzer.
-
Beginnend mit einer ersten Eingabeaufforderung kann der AEM-Benutzer dann den KI-Assistenten verwenden, um mit dem Auftrag Figma to Visual Content Fragments zu interagieren und das genehmigte Design in AEM automatisch neu zu erstellen. AEM erstellt automatisch die erforderlichen Inhaltsfragmentmodelle, Inhaltsfragmente und HTML-Vorlagen.
- Bei Bedarf fordert der Agent weitere Informationen an, beispielsweise die zu verwendende AEM-Umgebung.
- Der Agentenerstellungsprozess umfasst auch Funktionen, mit denen vorhandene Inhaltsmodelle oder Fragmente wiederverwendet werden können, sofern sie bereits verfügbar sind.
-
Der Agent generiert ein Inhaltsfragment und ein Inhaltsfragmentmodell für den Inhalt sowie eine HTML-Vorlage für das Layout und Design.
- Der Agent stellt einen direkten Link zum Fragment bereit, über den Sie auf das Modell und die Vorlage zugreifen können.
Eingabeaufforderungen sample-prompts
Zu den Beispielaufforderungen gehören:
- Import aus Figma:
- Import aus Figma {Figma_share_URL} nach AEM
- So wählen Sie das AEM-Programm aus den Agentenvorschlägen aus:
- Import aus Figma {Figma_share_URL} nach {AEMaaCS_program/environment_link}
Zusätzliche Ressourcen additional-resources
Die folgenden Ressourcen können bei der weiteren Untersuchung visueller Inhaltsfragmente nützlich sein: