GenStudio for Performance Marketing的Figma外掛程式

GenStudio for Performance Marketing Figma外掛程式會在Figma應用程式中新增面板,讓您產生品牌內內容。
從Figma社群市集尋找並安裝外掛程式。

此頁面說明如何設定及使用外掛程式。

此外掛程式的功能包括:

  • 將Figma文字元素對應至GenStudio for Performance Marketing欄位,例如headlinebodyon_image_text等。
  • 根據品牌、角色、產品和文字提示產生新的品牌內Meta、LinkedIn或顯示廣告Experiences。
  • 將對應的Figma元素中的文字取代為GenStudio for Performance Marketing產生的值,以直接在Figma檔案中建立Experiences。
  • 根據提示重新片語、縮短、延長或翻譯現有內容。
  • 將產生的Experiences翻譯成多種語言。
  • 將產生的Experiences匯出至本機來源,做為平面化的影像。
  • 將產生的Experiences匯出至GenStudio for Performance Marketing。
  • 使用可調整成圖形畫布中所選元素的外掛程式選項。

建立範本

外掛程式要求Figma檔案的前兩個層級遵循此慣例:

  • Section — 這代表可包含多個範本的父專案。
  • 框架 — 這表示專案中的範本。 範本中可填入文字、影像、元件和其他元素。

Meta範本

支援的範本大小如下:

針對Instagram或Facebook貼文:

  • 寬度:1080畫素(固定)
  • 高度:1080畫素或1350畫素

若為Instagram或Facebook故事:

  • 寬度:1080畫素(固定)
  • 高度:1920畫素

外掛程式會根據範本的高度來決定所產生體驗的顏色。

顯示範本

沒有固定大小的要求。 顯示範本支援任何大小。

LinkedIn範本

  • 寬度:1200畫素(固定)
  • 高度:1200畫素、628畫素、2292畫素、1800畫素或1500畫素

欄位角色對應

外掛程式需要瞭解範本的不同元素,例如標題、本文文字或影像。

若要指派元素角色:

  1. 在範本中選取元素(文字、影像等)。
  2. 使用下拉式選單來指派角色。

外掛程式會記住這些對應,以便用於產生的內容。 欄位角色\可以對應至多個範本元素。

欄位角色對應{width="60%"}

欄位對應例外

source-git-commit: 66aa508298f897c4a239f1b3e13a31ff20b8a944
workflow-type: tm+mt
source-wordcount: ‘40’
ht-degree: 5%

字段映射例外

某些渠道仅支持替换特定字段。 例如:

  • Meta和LinkedIn广告取代了周围Chrome中的标题、正文和介绍性文本,而不是广告本身。 考虑将图像上的文本映射为on_image_text

產生新內容

使用GenStudio for Performance Marketing AI來產生或產生圖形範本中元素的變數。

  1. 如果您使用GenStudio外掛程式遊樂場或已經準備好的範本,請選取包含您的廣告範本的區段節點。 您可以從​ 圖層 ​面板或直接按一下畫布的區段來執行此操作。
    區段選取或變數{width="50%" modal="regular"}
  2. 在外掛程式視窗中,輸入變數的專案名稱、選擇內容的平台,並填寫其他必要資訊。 然後按一下​ 完成設定 ​按鈕。
    設定專案視窗{width="30%" modal="regular"}
  3. 選取要用於產生內容的Brand、Persona和Product。
  4. 選取要產生的變數數量(最多八個)。
  5. 使用「選取內容」下的按鈕,從您的資產中瀏覽並選擇影像。 最近新增的40個資產會先出現,您可以搜尋其他資產。 選取的影像會自動調整大小以符合您的範本。
  6. 輸入文字提示。 欄位​清單中的每個欄位都將​ 動作 ​選項設定為​產生新內容的
  7. 對應所有欄位角色。 請參閱欄位角色對應
  8. 按一下​ 產生 ​按鈕。

從現有內容翻譯或產生廣告副本變數

使用GenStudio for Performance Marketing AI產生廣告複製變化或翻譯圖形範本。

  1. 選取包含廣告範本的區段節點。 您可以從​ 圖層 ​面板或直接按一下畫布的區段來執行此操作。
    區段選取或變數{width="50%" modal="regular"}
  2. 在外掛程式視窗中,輸入變數的專案名稱,然後選擇內容的平台。
  3. 在​目標為何?,選取​ 產生變數 ​或​翻譯,然後按一下​ 完成設定 ​按鈕。
    設定專案視窗{width="30%" modal="regular"}
  4. 選取要用於產生內容的Brand、Persona和Product。
  5. 選取要產生的變數數目。
  6. 使用「選取內容」下的按鈕,從您的資產中瀏覽並選擇影像。 最近新增的40個資產會先出現,您可以搜尋其他資產。 選取的影像會自動調整大小以符合您的範本。
  7. 輸入文字提示。 欄位​清單中的每個欄位都將​ 動作 ​選項設定為​產生新內容的
  8. 對應所有欄位角色。 請參閱欄位角色對應
  9. 選取每個欄位型別,以產生變數或在外掛程式左側的面板中翻譯,然後將初始內容貼到每個​ 初始內容 ​方塊中。
    初始內容方塊中的範例文字{width="60%" modal="regular"}
  10. 按一下​ 產生 ​按鈕。

層代後翻譯內容

  1. 選取您要翻譯的層代。
    選取層代{width="20%" modal="regular"}
  2. 選擇​翻譯,然後按一下​翻譯
  3. 選取您的目標語言。
  4. 按一下「選取」。

翻譯結果包括:

  • 新頁面會出現,並包含翻譯的內容。
  • 每個翻譯都會顯示目標語言或地區設定。
  • 原始內容在原始頁面中保持不變。

翻譯結果{width="60%" modal="regular"}

產生後內容欄位上的其他動作

編輯欄位中的現有內容時,外掛程式面板中會顯示有用的選項。

外掛程式動作選項{width="30%" modal="regular"}

選項包括:

  • 變更​ ​以直接變更文字。 變更此內容會自動套用至所有選取的變數。
  • AI可執行許多​ 動作 ​選項,包括:
動作
說明
產生
產生新的文字變化。
重述
產生新的文字變化。
縮短
產生較短的文字變化。
長度
產生較長的文字變化。

選取​ 動作 ​選項之後,使用​ 重新產生 ​按鈕重新產生內容。

匯出體驗

變數可從Figma匯出為GenStudio for Performance Marketing Experiences。

  1. 執行下列任一項作業,選取要匯出到圖形畫布中的內容:

    • 在畫布中選取產生區段,然後在外掛程式面板中按一下​全部標籤為匯出
      產生區段選取{width="20%" modal="regular"}
    • 在畫布中選取個別層代,然後在外掛程式面板中按一下​標籤為匯出
      個別層代選取{width="20%" modal="regular"}
  2. 從側欄功能表選取「匯出」專案。
    針對Meta廣告顯示 標示為匯出按鈕{width="60%" modal="regular"}

  3. 選取目的地。

  4. 按一下[匯出​]以匯出內容。

已在外掛程式面板中建立ZIP檔案,或在GenStudio 中顯示​開啟的連結。 使用ZIP連結來選擇儲存檔案的位置,或選取​在GenStudio中開啟

將Figma框架轉換為Photoshop

NOTE
若要執行此工作,您同時需要Figma外掛程式和GenStudio Photoshop

您可以使用Figma外掛程式將影格、多個影格或整個檔案轉換為Photoshop格式,然後匯出以用於GenStudio Photoshop。 目前,轉換期間僅支援主要屬性,例如可見度、字型大小以及基本圖層屬性。 目前尚不支援刪除線、上標、下標、百分比形式的不透明度、漸層和類似的進階屬性等功能。

外掛程式支援下列Figma圖層型別的轉換:

  • 框架
  • 群組
  • 執行個體
  • 文字
  • 向量
  • 影像

轉換為PSD時,支援的圖層會對應到Photoshop,如下所示:

圖形圖層型別
轉換為Photoshop
附註
框架
圖層群組
  • 圖形影格會轉換為Photoshop圖層群組。
  • 巢狀框架會變成巢狀群組。
  • 框架尺寸會成為PSD工作區域或群組界限(視選取範圍而定)。
群組
圖層群組
  • 圖形群組會直接轉換成Photoshop圖層群組。
  • 圖層階層和棧疊順序會保留。
執行個體
圖層群組
  • 元件和例證會平面化為標準的Photoshop圖層群組。 未保留元件中繼資料和變體邏輯。
  • 所有子圖層都會保留在群組內。
文字
文字圖層
  • 圖形文字圖層會轉換為可編輯的Photoshop文字圖層。
  • 會保留文字階層和位置。
向量
形狀圖層
  • 圖形向量層會轉換為Photoshop形狀層。
  • 儘可能保留路徑。
  • 如果套用不支援的效果,則可能會點陣化複雜向量。
影像
點陣化圖層
  • 圖形影像圖層會轉換為Photoshop點陣化圖層。
  • 會保留影像縮放和定位。

如何轉換框架

若要轉換框架:

  1. 在Figma中開啟Firefly Enterprise和GenStudio外掛程式,然後按一下外掛程式UI中的​ 匯出 ​索引標籤。

  2. 在畫布上,選取要匯出的一或多個影格。 您可以選擇單一框架或多個框架。

  3. 執行下列其中一項:

    • 按一下[匯出​]將轉換的檔案匯出至選擇的位置,或
    • 按一下​ 傳輸至GenStudio Photoshop ​以快取轉換後的檔案,以便在GenStudio Photoshop中立即使用。
      傳輸到GenStudio Photoshop按鈕 {width="40%"}
  4. 當出現​ 需要檔案金鑰 ​對話方塊時,外掛程式需要Figma檔案URL才能完成轉換。 新增檔案的URL:

    1. 在Figma中,按一下畫布右上角的​共用
    2. 在​ 共用此檔案 ​中,按一下​複製連結
    3. 將複製的連結貼到外掛程式對話方塊的​ Figma檔案URL ​欄位中。
  5. 按一下​提交。 外掛程式會讀取圖形中選取的影格,並將其轉換為JSON檔案,這是檔案資料的中介格式。
    需要檔案金鑰對話方塊 {width="35%"}

  6. 在Photoshop中,開啟GenStudio Photoshop並按一下「匯入」標籤。

  7. 執行下列其中一項:

    • 按一下​從外掛程式,從快取檔案清單中選擇以​ 傳輸到GenStudio Photoshop ​轉換的檔案,或
    • 按一下​ 上傳JSON ​以瀏覽並選取要上傳的JSON檔案。
      上傳JSON按鈕 {width="40%"}
  8. GenStudio Photoshop會將JSON檔案中的資訊轉換為開啟的Photoshop檔案。

  9. 按一下「完成」。 新檔案會在Photoshop中開啟並準備使用。 或按一下​另存新檔……,選擇儲存檔案的位置。
    完成按鈕對話方塊 {width="40%"}

產生歷史記錄

外掛程式會維護每個欄位的變更記錄。 在範本頁面上,選擇外掛程式側邊欄中的​產生歷程記錄

已針對Meta廣告顯示 產生歷程記錄選項{width="80%" modal="regular"}

疑難排解

如果在產生的變化中未取代文字或影像,請考量這些最佳實務和提示。

對應的欄位

如果未取代文字或影像,請檢查欄位是否已對應至外掛程式UI中的GenStudio欄位角色。 請參閱欄位角色對應

確認字型是否可用

文字欄位的字型必須可在您的電腦上使用,才能在產生期間進行取代。 確認檔案中使用的所有字型在您的電腦上均可用,尤其是當檔案是在其他電腦上建立時。

考慮欄位角色支援

某些管道僅支援在特定欄位中進行取代。 請注意欄位角色對應的例外狀況。

recommendation-more-help
genstudio-for-performance-marketing-help-user-guide