設計工具龍頭 Figma 宣布,AI 代理(Agent)現在可以直接在 Figma 畫布上進行操作——不只是讀取設計檔,而是能夠實際建立、編輯元件、套用設計系統變數、調整自動排版,並與既有設計系統完整串接。Open Beta 即日起開放,並在測試期間免費提供。
技術核心:透過 Plugin API 說 Figma 的語言
此次整合的關鍵在於新推出的
use_figma
MCP 工具。與過去截圖辨識或 API 包裝的做法不同,Figma 選擇讓代理透過 Plugin API 生成程式碼——讓 AI 以 Figma 原生語言操作畫布,而非模擬人類滑鼠行為。
Anthropic 工程師 Thariq 指出,這使得操作可靠性大幅提升:「Claude 會把你的應用程式碼翻譯成 Figma functions,準確度遠超過過去的猜測式做法。」
設計系統成為 AI 的共同語言
最受工程師與設計師關注的,是 AI 現在能讀取完整的設計系統 context:元件名稱、間距 token、顏色變數、字型規範,代理不再需要「猜測」設計意圖,而是直接引用既有規範進行生成。
這形成了一個雙向迴圈:代理讀取設計系統 → 生成程式碼 → 將 UI 變更推回 Figma 畫布。設計與開發之間的交接落差,理論上可以大幅壓縮。
支援工具:Claude Code、Codex、Cursor 等主流 MCP 客戶端
目前已支援的 MCP 客戶端包括:Claude Code、Codex、Cursor、Copilot CLI、Copilot in VS Code、Augment、Factory、Firebender、Warp 等主流開發工具。Figma 表示,此功能將以付費 API 形式提供,但 Beta 測試期間免費開放。
設計師的角色正在轉變
社群反應兩極。有資深設計師表示,過去 20 年使用 Figma 的習慣在近四個月內已幾乎被 Claude 取代;也有人指出,當代理能直接重構設計系統時,設計師需要重新定義自己的角色——從執行者轉為審核者。
值得注意的是,Figma 股價($FIG)在消息發布當日下跌約 6%,市場對此釋放出矛盾訊號:這項功能究竟是強化了 Figma 的護城河,還是加速了設計工具本身被取代的進程,仍有待觀察。
這篇文章 Figma 開放 AI 代理直接操作設計畫布,Claude Code、Cursor、Codex 全支援,Open Beta 即日上線 最早出現於 鏈新聞 ABMedia。