將AEM Assets與Figma整合 integrate-aem-assets-with-figma
AEM Assets與Figma原生整合,可讓設計人員從AEM Assets使用者介面直接存取Figma中儲存的資產。 您可以將受管理的內容放在AEM Assets畫布的Figma中,然後將新內容或已編輯的內容儲存在AEM Assets存放庫中。
開始之前 prerequisites-for-aem-assets-and-figma-integration
-
最低必要的AEM發行版本為
19149。 -
您必須具備有效的AEM Assets和Figma授權,才能將AEM Assets與Figma整合。
支援的檔案格式 supported-file-formats-integration-figma
- 若要將AEM資產匯入Figma,支援的格式為影像資產(JPEG、PNG)、視訊檔案(MP4、MOV、WebM)、動畫檔案(GIF)和向量檔案(SVG)。
- 將設計從Figma匯出至AEM Assets,支援的格式為PNG、PDF、JPG、SVG。
存取Adobe Experience Manager (AEM) Assets Connector access-aem-assets-connector
執行以下步驟來存取Adobe Experience Manager (AEM) Assets Connector:
- 在您的Figma首頁上,從畫布底部的工具列按一下動作,然後在對話方塊中可用的搜尋列中搜尋Adobe Experience Manager (AEM) Assets Connector。
- 選取Adobe Experience Manager (AEM) Assets Connector以顯示Adobe Experience Manager (AEM) Assets Connector面板。 使用此面板將 AEM 資產匯入 Figma 畫布。
或者,也可以存取Adobe Experience Manager (AEM) Assets Connector社群上可用的 Figma,按一下開啟位置……,選取最近的檔案或建立新檔案,然後按一下 執行 以存取Adobe Experience Manager (AEM) Assets Connector面板。
將AEM資產匯入Figma畫布 import-aem-assets-into-figma-workflow
在您的設計介面中存取Adobe Experience Manager (AEM) Assets Connector面板Figma,並執行下列動作:
-
在Adobe Experience Manager (AEM) Assets Connector面板中搜尋資產。 如需詳細資訊,請參閱使用Asset Selector。
-
將資產拖放至畫布或選取資產,然後按一下「選取 」 將資產放到畫布上。
-
按一下資料夾路徑中的
以顯示目前階層中的所有父資料夾和子資料夾。 選取要導覽至該位置的資料夾。
-
[選擇性]按一下檢查更新。 目前Figma檔案中使用的資產會與AEM中存在的資產進行比較。 任何更新都會列在單獨的視窗中。 按一下「更新」,將更新後的資產從AEM載入您的Figma檔案。
您的Figma設計就緒後,您可以將資產匯出至AEM Assets存放庫。
將資產匯出至AEM Assets存放庫 export-figma-design-to-aem-assets-folder
在您的設計介面中存取Adobe Experience Manager (AEM) Assets Connector面板Figma,並執行下列步驟將您的設計匯出至AEM Assets存放庫:
-
導覽至您要儲存Figma設計的目的地資料夾。 如果您已經在資料夾內,請按一下資料夾路徑中的[更多]選項(
),以選取不同的目的地資料夾。 -
可選:將畫布上的資產分組,以將它們選取為單一單位,以便上傳至您的資料夾。
-
按一下
上傳以顯示 上傳資產 對話方塊。 -
在對話方塊中,選取 選取的專案 或頁面,指定檔案或頁面名稱,定義匯出組態並按一下上傳,將選取的資產或整個設計上傳至目的地資料夾。
匯出組態包含檔案格式、比例和品質。 例如,如果您選取JPG作為檔案格式,也可以定義影像比例和品質。 同樣地,如果您選取PNG作為檔案格式,也可以定義影像比例。