概覽
- 工具名稱:Figma AI
- 開發商:Figma
- 官網:https://www.figma.com/ai/
- 分類:AI Design
Figma AI 不是獨立產品,而是內建在 Figma 設計編輯器裡的一組生成式功能。相比第三方外掛,它的優勢在於上下文:它認識你的元件、變數和自動佈局結構,因此生成結果會沿用你的設計系統,而不是另造一套。核心功能是 Figma Make,能把提示詞變成可互動的原型——接上後端後甚至可以是可用的應用。圍繞它還有首版佈局生成、影像生成與編輯、文案改寫與翻譯、圖層整理,以及 Dev Mode 的程式碼生成。
主要用途
- 生成首版草稿,而不是面對空白畫布:描述一個頁面,得到一個分層、可直接用自動佈局的起點,且基於你自己的元件搭建——它是用來讓你有東西可以反應,而不是直接交付。
- 把提示詞變成可點選原型:Figma Make 能產出帶導航和狀態的可互動原型,適合在投入一個迭代之前先找使用者驗證想法。
- 整理混亂的設計檔案:選中一組圖層,讓 AI 一次性完成重新命名、套用你的間距變數和修正對齊。
- 就地生成和編輯影像:直接在畫布上建立或修改影像,省掉切到另一個影像工具的往返。
- 打通設計與程式碼:Dev Mode 能為選中的元件生成程式碼片段,Code Connect 則把設計元件對映到程式碼庫中真實的對應元件,讓開發知道該用哪個。
價格方案
- Starter:免費,提供少量每日與每月 AI 積分額度。夠試用功能,不夠用來幹活。
- Professional:完整席位年付約每月 16 美元起,月度積分數千。
- Organization:年付約每完整席位每月 55 美元,積分更多,團隊額度共享,支援 SSO 和共享庫。
- Enterprise:年付約每完整席位每月 90 美元,額度最大,並附帶治理管控。
Figma 在 2026 年把 AI 功能從近乎無限量的 beta 轉入按積分計量,並對超額部分收費。積分按操作消耗,而 Figma 並未公開每種操作的單價。請到 figma.com/pricing 核對當前價格。
適用場景
- 每天都在 Figma 裡工作的產品設計師:功能就在工作發生的地方——不用匯出,不用切換上下文。
- 設計系統負責人:因為 AI 產出會呼叫你的元件和變數,它會強化設計系統而不是侵蝕它。
- 產品經理和創業者:Make 能把一段描述變成可點選的東西,不需要佔用設計師的時間。
- 關注設計到開發交接的人:Dev Mode 程式碼生成與 Code Connect 縮短了設計檔案與已上線元件之間的距離。
如何使用Figma AI
1. 開啟 Figma 檔案並登入——AI 功能在編輯器裡,不是獨立應用。
2. 要首版草稿,就描述你想要的頁面,讓它生成分層的起點。
3. 要做原型,就開啟 Figma Make 寫提示詞,或引入已有的畫板或元件作為上下文。
4. 通過再次提示、視覺化編輯,或開啟內建程式碼編輯器來迭代。
5. 如果原型需要真實資料,接入 Supabase 之類的後端。
6. 對匯入的或混亂的圖層使用 AI 整理:選中圖層組,讓它重新命名並對齊。
7. 需要佔點陣圖或背景素材時,在畫布上直接生成或編輯影像。
8. 用連結分享結果;如果迭代很密集,留意積分消耗。
使用建議
- 先把設計系統建好。 AI 產出取決於它呼叫的元件——一個乾淨的元件庫能產出好得多的草稿。
- 把生成的佈局當成完成了七成。 它的價值在於跳過空白畫布,最後那三成才是設計真正變好的地方。
- 帶一個畫板作為上下文。 從已有設計出發啟動 Make,比從零開始更符合品牌調性。
- 付費檔用上 MCP 聯結器。 從 Notion、GitHub 或 Linear 拉真實內容,能讓原型不再是佔位文字。
- 密集迭代時盯住積分。 計量計費取代了過去無限量的 beta,免費檔也撐不住持續試驗。
- 上線前複核生成的程式碼。 Dev Mode 的產出是起點,不是成品元件。
侷限與注意事項
- 計量積分終結了過去近乎無限量的 beta,重度 AI 使用現在要花錢,也需要做預算管理。
- 免費檔卡得很緊——每日和每月額度都很小,撐不住真正的試驗。
- Make 和首版生成的產出只是起點而非成品設計,仍需設計師手工打磨。
- Figma 未公開每次操作的積分消耗,支出難以預測。
- AI 生成的佈局容易顯得套路化,若不主動糾偏會偏向常見的 SaaS 模式。
- Professional 檔的計費週期在 Figma 自家定價頁上寫得不清楚,給比價帶來困難。
- 要充分發揮 MCP 和 Code Connect 的作用,需要懂設計令牌和 JSON。
常見問題
Figma AI 是什麼?
內建在 Figma 編輯器中的一組生成式 AI 功能,而非獨立產品——包括提示詞生成設計、Figma Make 原型、影像生成與編輯、文案改寫、圖層整理以及 Dev Mode 程式碼生成。
Figma Make 是什麼?
一個提示詞轉應用的工具,能把文字描述或已有的 Figma 設計變成可互動原型或可用應用,並可選擇接入後端以使用真實資料。
Figma AI 免費嗎?
有免費 Starter 檔,提供少量每日與每月 AI 積分額度。完整使用 Figma Make 需要付費的完整席位。
多少錢?
Professional 席位年付約每月 16 美元起,Organization 約 55 美元,Enterprise 約 90 美元,各含月度積分額度,超額需另購。請到 figma.com/pricing 核對最新價格。
它和 AI 設計外掛有什麼不同?
它是原生的,能讀取你的元件、變數和自動佈局設定,產出沿用你的設計系統,而不是一套通用樣式。
能生成程式碼嗎?
能。Dev Mode 可為選中的元件生成程式碼片段,Code Connect 則把設計元件對映到程式碼庫中真實的對應元件。
能和其他 AI 工具配合嗎?
能,付費檔提供 MCP 伺服器與聯結器,讓 AI 智慧體以及 Notion、GitHub、Linear 等工具直接處理 Figma 檔案。
