Figma 推出 MCP 連動 Make、Agent 與 QA 工具
Figma 6 月更新把 Make、設計 Agent 和 QA 檢查串成一條流程,從設計系統比對到 codebase 編輯與 PR 都能接上。

Figma 在 2026 年 6 月更新中,把 MCP 連動的 Make、設計 Agent 和 QA 工具放進同一條工作流。
Figma 這波 release notes 很密,重點落在 Figma Make、MCP 整合、以及新一組設計檢查工具。對設計與前端團隊來說,這代表從畫面到程式碼的銜接又往前推了一步。
| 項目 | 數值 |
|---|---|
| Release-note items surfaced | 76 |
| Check designs launch date | 2026/06/04 |
| Make codebase editing launch date | 2026/05/28 |
| Figma agent rollout | Beta,未來數週逐步開放 |
| Agent beta pricing | Beta 期間不扣 credits |
發生了什麼
訂閱 AI 趨勢週報
每週精選模型發布、工具應用與深度分析,直送信箱。不定期,不騷擾。
不會寄垃圾信,隨時可取消。
這次更新主要分成三塊:設計系統檢查、AI 規劃、以及連到 codebase 的建構流程。Release notes 先把 Check designs 推到前台,讓檔案在交付前先對照設計系統。

Check designs 會抓 hard-coded 顏色、文字、圓角、間距,還會提示對比度問題、library mismatch、detached components。這項功能目前開放給 Organization 和 Enterprise 方案,明顯是朝團隊級 QA 場景走。
- Make 的 Plan mode 會先問問題,再開始生成。
- Make 可在建構時搜尋網頁或抓取 URL。
- 排隊訊息能在執行中追加後續指令。
- Make 現在可連到本地 codebase,並開 branch 與 PR。
更大的變化在 Figma Make 的 MCP 整合。使用者可以直接貼 frame URL 或 component link,讓系統從真實設計結構開始生成,之後再把變更送進 pull request。
Figma 也把 AI credits 改成可供 Professional 方案管理員按量購買,方便應付短期用量高峰。另一邊,新版 Figma agent 正以 beta 形式,分批開放給 Professional、Organization 和 Enterprise 的 Full seat 使用者;Starter、Education、Government 方案不在範圍內。
為什麼重要
這不是單純加幾個 AI 按鈕,而是把 Figma 往 build pipeline 裡再推一格。對產品團隊來說,design tokens、元件、QA 檢查和程式碼編輯開始能在同一套流程內跑,交接摩擦會少很多。

對開發者來說,實際差異是少切工具:同一個介面可以先看設計、再出計畫、再改 codebase,最後送 PR。代價是團隊會更依賴 Figma 的工作流與 credits 規則,成本和權限管理也會更重要。
問題只剩一個:從 frame 到 code,Figma 會不會變成預設路徑?