Intégration d’AEM Assets à Figma integrate-aem-assets-with-figma
AEM Assets s’intègre de manière native à Figma, ce qui permet aux concepteurs d’accéder directement aux ressources stockées dans AEM Assets depuis l’interface utilisateur d’Figma. Vous pouvez placer le contenu géré dans AEM Assets dans la zone de travail Figma, puis enregistrer le contenu nouveau ou modifié dans le référentiel AEM Assets.
Avant de commencer prerequisites-for-aem-assets-and-figma-integration
-
La version minimale requise d’AEM est
19149. -
Vous devez disposer de licences AEM Assets et Figma valides pour intégrer AEM Assets à Figma.
Formats de fichiers pris en charge supported-file-formats-integration-figma
- Pour importer des ressources AEM dans Figma, les formats pris en charge sont les ressources d’image (JPEG, PNG), les fichiers vidéo (MP4, MOV, WebM), les fichiers animés (GIF) et les fichiers vectoriels (SVG).
- Pour l’exportation de conceptions de Figma vers AEM Assets, les formats pris en charge sont les suivants : PNG, PDF, JPG, SVG.
Accéder Au Connecteur Assets Adobe Experience Manager (AEM) access-aem-assets-connector
Exécutez les étapes suivantes pour accéder au connecteur Assets Adobe Experience Manager (AEM) :
- Sur votre page d’accueil Figma, cliquez sur Actions dans la barre d’outils située au bas de la zone de travail et recherchez Adobe Experience Manager (AEM) Assets Connector dans la barre de recherche disponible dans la boîte de dialogue.
- Sélectionnez Adobe Experience Manager (AEM) Assets Connector pour afficher le panneau Adobe Experience Manager (AEM) Assets Connector. Importez AEM ressources dans la zone Figma travail à l’aide de ce panneau.
Vous pouvez également accéder aux Adobe Experience Manager (AEM) Assets Connector disponibles sur Figma communauté, cliquer sur Ouvrir dans…, sélectionner un fichier récent ou créer un fichier et cliquer sur Exécuter pour accéder au panneau Adobe Experience Manager (AEM) Assets Connector.
Importation de ressources AEM dans Figma zone de travail import-aem-assets-into-figma-workflow
Accédez au panneau Connecteur Assets Adobe Experience Manager (AEM) dans l’interface de conception de Figma et procédez comme suit :
-
Recherchez des ressources dans le panneau Connecteur Assets Adobe Experience Manager (AEM). Pour plus d’informations, voir Utilisation du sélecteur de ressources .
-
Faites glisser et déposez la ressource sur la zone de travail ou sélectionnez la ressource et cliquez sur Sélectionner pour apporter la ressource sur la zone de travail.
-
Cliquez sur
-
[Facultatif] Cliquez sur Rechercher les mises à jour. Les ressources utilisées dans le document Figma actuel sont comparées aux ressources qui existent dans AEM. Toutes les mises à jour sont répertoriées dans une fenêtre distincte. Cliquez sur Mettre à jour pour obtenir la ressource mise à jour d’AEM dans votre document Figma.
Une fois votre conception Figma prête, vous pouvez exporter la ressource vers le référentiel AEM Assets.
Exporter des ressources vers AEM Assets référentiel export-figma-design-to-aem-assets-folder
Accédez au panneau Connecteur Assets Adobe Experience Manager (AEM) dans l’interface de conception Figma et suivez les étapes ci-après pour exporter votre conception vers le référentiel AEM Assets :
-
Accédez au dossier de destination dans lequel vous souhaitez enregistrer votre conception de Figma. Si vous vous trouvez déjà dans un dossier, cliquez sur Autres options (
-
Facultatif : regroupez les ressources sur la zone de travail pour les sélectionner en tant qu’unité unique à charger dans votre dossier.
-
Cliquez sur
-
Dans la boîte de dialogue, sélectionnez Élément sélectionné ou Page, spécifiez un nom de fichier ou de page, définissez une configuration d’exportation et cliquez sur Télécharger pour charger la ressource sélectionnée ou la conception entière dans le dossier de destination.
La configuration de l’exportation comprend le format, l’échelle et la qualité du fichier. Par exemple, si vous sélectionnez JPG comme format de fichier, vous pouvez également définir l’échelle et la qualité de l’image. De même, si vous sélectionnez le format PNG comme format de fichier, vous pouvez également définir l’échelle de l’image.
