Compétence de conception graphique en fragments de contenu visuels figma-to-visual-content-fragments-skill
Les fragments de contenu visuels dans Adobe Experience Manager (AEM) vous permettent de prévisualiser et de diffuser des fragments de contenu à l’aide d’une disposition définie dans un modèle de visualisation. Ces modèles sont basés sur un modèle HTML utilisant Handlebars.
Bien que la définition des informations de style et de mise en page dans des modèles HTML codés à la main soit entièrement réalisable, il s’agit d’un processus hautement technique qui est généralement effectué par les développeurs web. Comme les conceptions visuelles d’expériences modulaires sont souvent créées dans Figma, il est possible de rationaliser ce processus pour les fragments de contenu visuel en important directement des conceptions de Figma dans AEM.
Pour plus d’informations, consultez :
Conditions préalables prerequisites
Avant de commencer :
-
L’importation depuis Figma requiert une authentification.
- L’utilisateur ou l’utilisatrice Figma doit créer un jeton d’accès dans Figma et le stocker dans le service AEM.
Pour ce faire, il faut :
- Générer un jeton personnel dans Figma
- Connexion à Adobe Experience Manager as a Cloud Service sur https://experience.adobe.com
- Conservation du jeton à 🔗
Pour créer un fragment de contenu visuel à partir de Figma to-create-a-visual-content-fragment-from-figma
Le flux se présente comme suit :
-
Créez une conception dans Figma.
-
Créez un lien de partage vers l’objet de conception dans Figma.
-
Dans AEM, l’utilisateur d’AEM peut commencer par une invite initiale à utiliser Coworker pour recréer la conception approuvée dans AEM. AEM crée automatiquement les modèles de fragment de contenu, les fragments de contenu et les modèles HTML requis.
-
Si nécessaire, la compétence demandera des informations supplémentaires, telles que l’environnement AEM à utiliser.
-
Le processus de création comprend également des fonctionnalités qui permettent de réutiliser des modèles de contenu ou des fragments existants lorsqu’ils sont déjà disponibles.
-
-
Les compétences génèrent un fragment de contenu et un modèle de fragment de contenu pour le contenu, ainsi qu’un modèle HTML pour la mise en page et la conception.
- La compétence fournit un lien direct vers le fragment, à partir duquel vous pouvez accéder au modèle et au modèle.
Exemples d’invites sample-prompts
Voici quelques exemples d’invites :
-
Pour importer depuis Figma :
- Import depuis Figma {Figma_share_URL} vers AEM
-
Pour effectuer un import depuis Figma et définir le programme AEM :
- Importer de Figma {Figma_share_URL} vers {AEMaaCS_program/environment_link}