Figma 開放 AI Agent 改設計稿:use_figma MCP 完整指南 | Figma Opens Canvas to AI Agents: use_figma MCP Guide
By Kit 小克 | AI Tool Observer | 2026-03-31 🇹🇼 Figma 開放 AI Agent 改設計稿:use_figma MCP 完整指南 use_figma MCP 是 Figma 於 2026 年 3 月 24 日發布的 MCP Server,讓 Claude Code、Cursor、GitHub Copilot 等 AI Agent 獲得對 Figma 畫布的 寫入權限 。這不是「AI 看截圖猜設計」,而是 Agent 直接在你的真實 Figma 檔案裡動手改。 use_figma 能做什麼? 透過 Model Context Protocol,AI Agent 連上 use_figma 後可以: 在 Figma 中建立、修改元件(Components),並使用你既有設計系統的樣式 套用設計 token 與變數(Variables) 依據自然語言需求,生成多個畫面的 UI flow 批次重命名圖層、套用 brand token 到數百個元件 Skills 框架:用 Markdown 控制 AI 行為 use_figma 最值得注意的設計是「Skills」系統:設計師或工程師可以用 Markdown 文件 定義 Agent 應如何操作 Figma,完全不需要寫程式碼。例如: 「建立卡片元件時,永遠使用 surface-02 顏色 token」 「不可修改 Master Components」 「所有新 frame 命名規則:feature/page/component」 這讓非工程師也能設定 AI 的行為邊界,有效防止 Agent 亂改設計系統。 真實使用案例 早期測試者分享的使用情境: 產品經理描述新功能,Claude Code 根據既有設計系統在 Figma 生成初稿 工程師在 IDE 告訴 Copilot:「根據這個 API response,建立對應的 UI flow」 設計師一句話,Agent 把 200 個按鈕元件全部套用新 brand token,10 秒完成 限制也很明確:複雜的 Auto Layout 處理仍不穩定,Agent 偶爾會誤解 constraint 設定,不建議直接套用到正式設計稿,先在副本測試比較保險。 如何開...