將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:

  1. 在您的Figma首頁上,從畫布底部的工具列按一下​ 動作,然後在對話方塊中可用的搜尋列中搜尋Adobe Experience Manager (AEM) Assets Connector。
  2. 選取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面板。
    plugin-page-on-figma-community
NOTE
如果您在登入您的AEM環境後看到​ 網路錯誤 ​訊息,請聯絡Adobe支援以取得協助。

將AEM資產匯入Figma畫布 import-aem-assets-into-figma-workflow

在您的Figma設計介面中存取Adobe Experience Manager (AEM) Assets Connector面板,並執行下列動作:

  1. 在Adobe Experience Manager (AEM) Assets Connector面板中搜尋資產。 如需詳細資訊,請參閱使用Asset Selector

  2. 將資產拖放至畫布或選取資產,然後按一下「選取​ ​將資產放到畫布上。

  3. 按一下資料夾路徑中的 三個點 以顯示目前階層中的所有父資料夾和子資料夾。 選取要導覽至該位置的資料夾。
    三個點

您的Figma設計就緒後,您可以將資產匯出至AEM Assets存放庫

將資產匯出至AEM Assets存放庫 export-figma-design-to-aem-assets-folder

在您的Figma設計介面中存取Adobe Experience Manager (AEM) Assets Connector面板,並執行下列步驟將您的設計匯出至AEM Assets存放庫:

  1. 導覽至您要儲存Figma設計的目的地資料夾。 如果您已經在資料夾內,請按一下資料夾路徑中的[更多]選項( 三個點 ),以選取不同的目的地資料夾。
  2. 可選:將畫布上的資產分組,以將它們選取為單一單位,以便上傳至您的資料夾。
  3. 按一下 檔案上傳 上傳 ​以顯示​ 上傳資產 ​對話方塊。
  4. 在對話方塊中,指定檔案名稱、選擇檔案格式、選取​ 選取的專案 ​或​ 頁面,然後按一下​ 上傳,將選取的資產或整個設計上傳至目的地資料夾。
    上傳figma設計

需要注意的重要事項 Limitations-of-using-aem-assets-into-figma

此整合目前有下列限制:

  • 若要將AEM資產匯入Figma,支援的格式為​ JPEGPNG
  • 將設計從Figma匯出至AEM Assets,支援的格式為​ PNGPDFJPGSVG
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab