Integra AEM Assets con Figma integrate-aem-assets-with-figma

AEM Assets si integra in modo nativo con Figma, consentendo ai designer di accedere direttamente alle risorse archiviate in AEM Assets dall'interfaccia utente di Figma. È possibile inserire contenuto gestito in AEM Assets nell'area di lavoro Figma e quindi salvare contenuto nuovo o modificato nell'archivio AEM Assets.

Prima di iniziare prerequisites-for-aem-assets-and-figma-integration

  • La versione minima richiesta di AEM è 19149.

  • Per integrare AEM Assets con Figma è necessario disporre di AEM Assets e Figma licenze valide.

Formati di file supportati supported-file-formats-integration-figma

  • Per importare risorse AEM in Figma, i formati supportati sono risorse immagine (JPEG, PNG), file video (MP4, MOV, WebM), file animati (GIF) e file vettoriali (SVG).
  • Per esportare le progettazioni da Figma a AEM Assets, i formati supportati sono PNG, PDF, JPG, SVG.

Accedi a Connettore Assets di Adobe Experience Manager (AEM) access-aem-assets-connector

Eseguire i passaggi seguenti per accedere al connettore Assets di Adobe Experience Manager (AEM):

  1. Nella home page di Figma, fai clic su Azioni nella barra degli strumenti nella parte inferiore dell'area di lavoro e cerca Adobe Experience Manager (AEM) Assets Connector nella barra di ricerca disponibile nella finestra di dialogo.
  2. Selezionare Adobe Experience Manager (AEM) Assets Connector per visualizzare il pannello Adobe Experience Manager (AEM) Assets Connector. Importa AEM le risorse nell'area di lavoro Figma ​ tramite questo pannello.
    azioni
    In alternativa, accedere a Adobe Experience Manager (AEM) Assets Connector disponibile nella community Figma, fare clic su Apri in…, selezionare un file recente o crearne uno nuovo e fare clic su Esegui per accedere al pannello Adobe Experience Manager (AEM) Assets Connector.
    plugin-page-on-figma-community
NOTE
Contatta il supporto Adobe per assistenza se dopo l'accesso all'ambiente ricevi un messaggio di errore di reteAEM.

Importa AEM risorse nell'area di lavoro Figma import-aem-assets-into-figma-workflow

Accedi al pannello Connettore Assets di Adobe Experience Manager (AEM) nell'interfaccia di progettazione di Figma ed effettua le seguenti operazioni:

  1. Cerca le risorse nel pannello Connettore Assets di Adobe Experience Manager (AEM). Per ulteriori informazioni, consulta utilizzo di Asset Selector.

  2. Trascina e rilascia la risorsa nell'area di lavoro o selezionala e fai clic su Seleziona per inserire la risorsa nell'area di lavoro.

  3. Fai clic su tre punti nel percorso della cartella per visualizzare tutte le cartelle principali e secondarie nella gerarchia corrente. Seleziona una cartella per passare a tale posizione.
    tre punti

  4. [Facoltativo] Fare clic su Verifica aggiornamenti. Le risorse utilizzate nel documento Figma attuale vengono confrontate con le risorse esistenti in AEM. Tutti gli aggiornamenti vengono elencati in una finestra separata. Fai clic su Aggiorna per inserire la risorsa aggiornata da AEM nel documento Figma.

Quando la progettazione Figma è pronta, puoi esportare la risorsa nell'archivio AEM Assets.

Esporta risorse nell'archivio AEM Assets export-figma-design-to-aem-assets-folder

Accedi al pannello Adobe Experience Manager (AEM) Assets Connector nell'interfaccia di progettazione di Figma ed esegui i seguenti passaggi per esportare la progettazione nell'archivio AEM Assets:

  1. Passare alla cartella di destinazione in cui si desidera salvare la progettazione Figma. Se ti trovi già all'interno di una cartella, fai clic su Altre opzioni ( tre punti ) nel percorso della cartella per selezionare un'altra cartella di destinazione.

  2. Facoltativo: raggruppa le risorse nell’area di lavoro per selezionarle come una singola unità da caricare nella cartella.

  3. Fai clic su caricamento file Caricamento per visualizzare la finestra di dialogo Carica risorsa.

  4. Nella finestra di dialogo, seleziona Elemento selezionato o Pagina, specifica un nome di file o di pagina, definisci una configurazione di esportazione e fai clic su Carica per caricare la risorsa selezionata o l'intera struttura nella cartella di destinazione.

    La configurazione di esportazione comprende il formato di file, la scala e la qualità. Se ad esempio si seleziona JPG come formato di file, è possibile definire anche la scala e la qualità dell'immagine. Analogamente, se selezionate PNG come formato di file, potete anche definire la scala dell'immagine.
    carica progettazione figma

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab