將AEM Assets與Figma整合 integrate-aem-assets-with-figma
AEM Assets與Figma原生整合,可讓設計人員從Figma使用者介面直接存取AEM Assets中儲存的資產。 您可以將受管理的內容放在Figma畫布的AEM Assets中,然後將新內容或已編輯的內容儲存在AEM Assets存放庫中。
開始之前 prerequisites-for-aem-assets-and-figma-integration
-
最低必要的AEM發行版本為
19149。 -
您必須具備有效的AEM Assets和Figma授權,才能將AEM Assets與Figma整合。
存取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 畫布。
或者,也可以存取Figma社群上可用的Adobe Experience Manager (AEM) Assets Connector,按一下 開啟位置……,選取最近的檔案或建立新檔案,然後按一下 執行 以存取Adobe Experience Manager (AEM) Assets Connector面板。
將AEM資產匯入Figma畫布 import-aem-assets-into-figma-workflow
在您的Figma設計介面中存取Adobe Experience Manager (AEM) Assets Connector面板,並執行下列動作:
-
在Adobe Experience Manager (AEM) Assets Connector面板中搜尋資產。 如需詳細資訊,請參閱使用Asset Selector。
-
將資產拖放至畫布或選取資產,然後按一下「選取 」 將資產放到畫布上。
-
按一下資料夾路徑中的
以顯示目前階層中的所有父資料夾和子資料夾。 選取要導覽至該位置的資料夾。
您的Figma設計就緒後,您可以將資產匯出至AEM Assets存放庫。
將資產匯出至AEM Assets存放庫 export-figma-design-to-aem-assets-folder
在您的Figma設計介面中存取Adobe Experience Manager (AEM) Assets Connector面板,並執行下列步驟將您的設計匯出至AEM Assets存放庫:
- 導覽至您要儲存Figma設計的目的地資料夾。 如果您已經在資料夾內,請按一下資料夾路徑中的[更多]選項(
),以選取不同的目的地資料夾。 - 可選:將畫布上的資產分組,以將它們選取為單一單位,以便上傳至您的資料夾。
- 按一下
上傳 以顯示 上傳資產 對話方塊。 - 在對話方塊中,指定檔案名稱、選擇檔案格式、選取 選取的專案 或 頁面,然後按一下 上傳,將選取的資產或整個設計上傳至目的地資料夾。
需要注意的重要事項 Limitations-of-using-aem-assets-into-figma
此整合目前有下列限制:
- 若要將AEM資產匯入Figma,支援的格式為 JPEG、PNG。
- 將設計從Figma匯出至AEM Assets,支援的格式為 PNG、PDF、JPG、SVG。