在 Figma 中使用 Gemini AI 圖像編輯功能:完整指南
Last updated
Last updated
Gemini 推出了很方便的文字修圖功能,讓使用者能夠通過簡單的文字描述就能實現圖片的快速編輯。本篇將詳細介紹如何在 Figma 設計環境中直接整合這項功能,讓設計師能夠更高效地完成工作。
Gemini 的文字修圖功能允許使用者通過文字指令來編輯圖像,一些應用方式例如:
更換圖像的色系
修改人物服裝顏色
增加人物配件
調整圖像元素
把 LOGO 變成 3D 風格
這項功能目前可以在 Google AI Studio 上免費體驗,但對於設計師而言,能夠直接在設計工具中使用會更加方便,所以來跟大家分享如何在 Figma 中使用。
要使用插件連接 Gemini 服務,您需要取得自己的 API 密鑰:
1.訪問 官方網站
2.登錄您的 Google 帳戶
3.點選左上「Get API Key」按鈕
4.點擊「Create API Key」按鈕(編號1),下方就是產出 API (編號2)
5.選擇「Project name」
6.下方有生成 API,就可以複製 API 密鑰使用
目前 Figma 平台上有找到二款 Plugin 支援 Gemini AI 的整合。這邊我二款都有用,主要是因為二款偶爾使用上會有錯誤跟失敗,一款不能用另一款可能就可以。
這款 Plugin 能夠讓我們在 Figma 的工作環境中直接調用 Gemini 的文字修圖功能,無需在多個平台間切換。
請依照以下方式就能順利使用 Plugin
1.在 Figma 開啟 Plugin,編號 1 點擊可以開啟視窗,然後編號 2 點擊可以切換到 plugin 搜尋分頁,編號 3 可以搜尋 Plugin
2.搜尋 Plugin,找到名稱「Evoker」、「Gemini 圖像助手」的 Plugin
二款主要差異在於 Evoker 多了直接生成圖片功能,有需要生成的人更有幫助,而 Gemini 圖像助手則是支援多張圖像合成。
3.點擊 Run 可以執行打開 Plugin
4.貼上您剛剛獲取的 Gemini API 密鑰,保存設置就能開使用了
Evoker 設置
點選編號 1 的設置 Icon 圖案開啟設置,編號 2 的位置就貼上第一步獲得的 Gemini API,然後按下保存設置就能使用了。
Gemini 圖像助手設置
點擊齒輪後進去就有欄位能貼上 API。
1.在 Figma 中選擇您想要編輯的圖像
2.啟動 Plugin
3.在 Plugin 界面中輸入您的編輯指令,按下編輯圖片或發送就能生成了 例如:
「把這張圖變成藍色系」
通過 Figma 與 Gemini 的結合,設計師可以快速實現以下工作:
更換場景中物件 (Prompt:把圖片上的鬧鐘更換成馬克杯)
調整人物形象的服裝和配飾 (Prompt:給人物添加一頂帽子)
調整畫面元素色彩 (Prompt:把圖片上的絲巾顏色換成橘色)
在 Figma 中直接使用 Gemini 的文字修圖功能,為設計師提供了前所未有的便捷體驗。通過簡單的文字指令,我們可以快速實現圖像編輯,提高工作效率。
希望這篇教學能幫助你順利在 Figma 中使用 Gemini 功能。
注意:請妥善保管您的 API 密鑰,不要分享給他人,另外 API 是有費用的,詳細可以參考此連結說明。 官方說明: