Figma 推出內建 AI agent!可直接生成與編輯完整介面設計

Figma 推出內建 AI agent,可在協作畫布生成與編輯完整介面設計

Figma 正式把 AI agent 放進 Figma Design 的協作畫布,讓設計師可以用自然語言直接生成新介面、修改既有設計,或把重複性的設計整理工作交給代理工具處理。根據 AlternativeTo、Figma 官方公告與多家外媒報導,這項新功能不同於只在旁邊開一個聊天視窗的 AI 工具,而是能在 Figma canvas 中讀取既有設計脈絡、元件、tokens 與設計系統規則,並把產出的內容變成可編輯的 Figma layers。換句話說,它不是單純丟出一張圖片,而是試圖直接加入原本的產品設計流程。

Figma AI agent 讓設計團隊可用自然語言產生介面、調整元件與探索多種視覺方向

從外部 AI 工具走向原生設計代理

過去幾個月,Figma 已經透過 Anthropic、OpenAI 等合作,把 Claude Code、Codex 這類 AI CLI 工具接進設計與開發工作流;這次更進一步,推出直接在 Figma collaborative canvas 內運作的原生 AI agent。使用者可以選取畫面或設計 layer,透過星形圖示開啟 prompt box,要求 agent 產生 app 畫面、改配色、建立不同版型,或批次調整多個元件。TechCrunch 也提到,Figma 表示多個 agents 可以同時在同一個 canvas 上執行不同任務,讓設計師一邊手動微調,一邊讓 AI 嘗試其他方向。

真正重點是讀懂團隊既有設計脈絡

Figma 官方強調,這個 agent 不是通用模型硬套在設計工具上,而是針對 Figma 檔案編輯、元件、設計系統與最佳實務進行調整。Fast Company 報導也指出,它會持續參照 canvas 上的 local context 與團隊設計系統,因此理論上能產出更貼近品牌與產品規範的結果。這一點很重要,因為 UI 設計不是只要畫面看起來漂亮,還需要符合元件命名、間距規則、可用性、不同狀態、深色模式與後續工程落地。

AI 可以加速 80%,但最後 20% 仍靠人類判斷

Figma 首席設計長 Loredana Crisan 對 Fast Company 表示,當 agent 可以把設計推進到 80% 時,真正能讓作品脫穎而出的會是最後 20% 的人類品味與取捨。這也點出 AI 設計工具的兩面性:它可以讓資深設計師更快探索方向、處理重複工作,也可能讓非設計背景成員更容易提出可視化概念;但如果團隊只把它當成一鍵完成工具,最後也可能產生大量平均化、缺少產品判斷的介面。AI agent 的價值應該是加速迭代,而不是取代設計決策。

Figma 內建 AI agent 可協助批次調整元件、更新視覺方向並縮短設計到程式碼的距離

阿力的觀點:這會改變設計工作的分工方式

Figma 這次更新比較像是把 AI 從「產圖工具」推進到「設計同事」的位置。對產品團隊來說,未來 PM、工程師、行銷與設計師可能都能在同一個 canvas 上提出變體、快速測試邊界情境,再由設計師收斂方向與品質。真正需要注意的是治理問題,例如誰可以讓 agent 修改主要設計系統、哪些變更需要設計審查、AI 產出的元件是否符合 accessibility 與工程限制。若團隊能建立清楚流程,Figma AI agent 會是加速探索與整理工作的工具;若缺乏規範,它也可能讓設計檔變得更混亂。

新聞資料來源

https://alternativeto.net/news/2026/5/figma-launches-a-built-in-ai-agent-for-generating-and-editing-full-interface-designs/
https://www.figma.com/blog/the-figma-agent-is-here/
https://techcrunch.com/2026/05/20/figma-adds-an-ai-assistant-to-its-collaborative-canvas/
https://www.fastcompany.com/91545179/figma-ai-agent-tool

返回頂端