Integrera AEM Assets med Figma integrate-aem-assets-with-figma
AEM Assets kan integreras med Figma, vilket gör att designers kan komma åt resurser som lagras i AEM Assets direkt från användargränssnittet i Figma. Du kan placera innehåll som hanteras i AEM Assets på arbetsytan Figma och sedan spara nytt eller redigerat innehåll i databasen AEM Assets.
Innan du börjar prerequisites-for-aem-assets-and-figma-integration
-
Den lägsta version av AEM som krävs är
19149. -
Du måste ha giltiga AEM Assets- och Figma-licenser för att kunna integrera AEM Assets med Figma.
Filformat som stöds supported-file-formats-integration-figma
- För import av AEM-resurser till Figma är de format som stöds bildresurser (JPEG, PNG), videofiler (MP4, MOV, WebM), animerade filer (GIF) och vektorfiler (SVG).
- För export av designer från Figma till AEM Assets är formaten PNG, PDF, JPG och SVG som stöds.
Åtkomst Adobe Experience Manager (AEM) Assets Connector access-aem-assets-connector
Utför följande steg för att komma åt Adobe Experience Manager (AEM) Assets Connector:
- På din Figma-hemsida klickar du på Actions i verktygsfältet längst ned på arbetsytan och söker efter Adobe Experience Manager (AEM) Assets Connector i sökfältet som finns i dialogrutan.
- Välj Adobe Experience Manager (AEM) Assets Connector om du vill visa panelen Adobe Experience Manager (AEM) Assets Connector. Importera AEM resurser till din Figma arbetsyta med den här panelen.
Du kan även komma åt den Adobe Experience Manager (AEM) Assets Connector som är tillgänglig i Figma användargruppen, klicka på Open in… , välja en nyligen använd fil eller skapa en ny fil och klicka på Run för att komma åt panelen Adobe Experience Manager (AEM) Assets Connector .
Importera AEM resurser till arbetsytan i Figma import-aem-assets-into-figma-workflow
Öppna Adobe Experience Manager (AEM) Assets Connector-panelen i designgränssnittet i Figma och gör följande:
-
Sök efter resurser på panelen Adobe Experience Manager (AEM) Assets Connector. Mer information finns i Använda resursväljaren.
-
Dra och släpp resursen på arbetsytan eller markera resursen och klicka på Select för att lägga resursen på arbetsytan.
-
Klicka på
-
[Valfritt] Klicka Check for updates. De resurser som används i det aktuella Figma-dokumentet jämförs med de resurser som finns i AEM. Alla uppdateringar visas i ett separat fönster. Klicka på Update om du vill hämta den uppdaterade resursen från AEM till ditt Figma-dokument.
När din Figma-design är klar kan du exportera resursen till AEM Assets-databasen.
Exportera resurser till AEM Assets-databasen export-figma-design-to-aem-assets-folder
Använd Adobe Experience Manager (AEM) Assets Connector panel i designgränssnittet i Figma och utför följande steg för att exportera din design till databasen AEM Assets:
-
Navigera till målmappen där du vill spara din Figma-design. Om du redan finns i en mapp klickar du på Fler alternativ (
-
Valfritt: Gruppera resurser på arbetsytan för att välja dem som en enhet att överföra till din mapp.
-
Klicka på
-
I dialogrutan väljer du antingen Selected Item eller Page, anger ett fil- eller sidnamn, definierar en exportkonfiguration och klickar på Upload för att överföra den markerade resursen eller hela designen till målmappen.
Exportkonfigurationen omfattar filformat, skala och kvalitet. Om du t.ex. väljer JPG som filformat kan du även definiera bildens skala och kvalitet. Om du väljer PNG som filformat kan du också definiera bildskalan.
