AI 設計應用指南
  • 前言:如何把 AI 應用在設計中
  • 本指南的目的與使用方法
  • 設計師為何需要了解與應用 AI
  • 對 AI 的觀察與分享
    • AI 生成的圖到底有沒有商業價值?
  • 我怎麼挑選AI工具的
  • 🖍️AI 在平面設計中的應用
  • 用 ChatGPT 來生成提示詞
  • 常用 AI 設計工具指南
    • ChatGPT 圖片生成應用
      • 基礎功能與概念
      • 設計師的 7 種應用案例
      • 用 JSON 寫 GPT 圖片提示詞:新手也能秒上手
      • 常見實用案例
        • 如何生成去背圖
        • 樂高風格
        • 貼圖生成
        • 生成漫畫
        • 房子照片生成不同裝潢風格
        • 如何生成一組 3D icon
        • 貼紙
        • 黑板畫
      • 創意生成案例
        • 生成梗圖
        • PANTONE 水果色票
        • 台灣小吃
        • 咖啡豆組合
        • 雲朵氣球
        • 寵物擊掌
        • 條紋重塑
      • 特殊應用案例
        • 請 AI 參考色票生成圖片
        • 搭配 Pose 工具控制圖片動作
        • 把湯麵加上熱氣
        • 生成材質球
        • 移除照片模糊
        • 改變光源
        • 修復老照片
      • 素材生成案例
        • 泡沫
        • 檸檬片
        • 球體
        • 搬家服務用素材
      • IP 應用案例
        • YouTube 封面設計-ChatGPT
        • 人物照片多風格與動作生成
        • 用 AI 設計了系列海報(實驗)
  • Recraft
    • AI Mackup 功能
  • 即夢
    • 平面設計靈感參考應用
  • Flair AI
    • 介面說明
    • 特色說明
    • 產品合成應用案例
  • Gemini
    • 在 Figma 中使用 Gemini AI 圖像編輯功能:完整指南
    • 修改物體顏色
    • 更換畫面內容
    • 添加物件到畫面
    • 統一物件色系
    • 製作照片剪影效果
  • Freepik
    • 2025 最全面:Freepik 使用指南,最全面的設計師工具與資源
    • Assistant 對話生成
  • Adobe Photoshop
    • 修改圖片手指瑕疵
    • 畫面擴圖
    • 移除帽子
    • 插畫修圖+後製
    • 人物照片修復
    • Photoshop-AI 生成應用
  • FLORA
    • 單圖一次生多種背景
    • YouTube 封面生成流程
  • 非視覺相關 AI 應用技巧
    • 利用 Raycast+DeepL 達成快速翻譯的技巧
    • ChatGPT 圖片辨識應用
  • 相關資源推薦
    • AI 圖庫素材
    • Prompt 資源
      • 找 Prompt 資源
      • 下 Prompt 輔助工具
  • About
    • 關於我
    • 合作邀約
Powered by GitBook
On this page
  • Gemini文字修圖功能概述
  • 在Figma中使用Gemini功能
  • 實際應用案例
  1. Gemini

在 Figma 中使用 Gemini AI 圖像編輯功能:完整指南

PreviousGeminiNext修改物體顏色

Last updated 1 month ago

Gemini 推出了很方便的文字修圖功能,讓使用者能夠通過簡單的文字描述就能實現圖片的快速編輯。本篇將詳細介紹如何在 Figma 設計環境中直接整合這項功能,讓設計師能夠更高效地完成工作。

Gemini文字修圖功能概述

Gemini 的文字修圖功能允許使用者通過文字指令來編輯圖像,一些應用方式例如:

  • 更換圖像的色系

  • 修改人物服裝顏色

  • 增加人物配件

  • 調整圖像元素

  • 把 LOGO 變成 3D 風格

這項功能目前可以在 Google AI Studio 上免費體驗,但對於設計師而言,能夠直接在設計工具中使用會更加方便,所以來跟大家分享如何在 Figma 中使用。

在Figma中使用Gemini功能

第一步:獲取Gemini API密鑰

要使用插件連接 Gemini 服務,您需要取得自己的 API 密鑰:

1.訪問 官方網站

2.登錄您的 Google 帳戶

3.點選左上「Get API Key」按鈕

4.點擊「Create API Key」按鈕(編號1),下方就是產出 API (編號2)

5.選擇「Project name」

6.下方有生成 API,就可以複製 API 密鑰使用

第二步:安裝 Figma Plugin 中並配置 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 是有費用的,詳細可以參考此連結說明。 官方說明:

https://ai.google.dev/gemini-api/docs/pricing?hl=zh-tw
Google AI Studio