[TOOLS] 3 分鐘閱讀OraCore 編輯部

Figma 推出 MCP 連動 Make、Agent 與 QA 工具

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

分享 LinkedIn
Figma 推出 MCP 連動 Make、Agent 與 QA 工具

Figma2026 年 6 月更新中,把 MCP 連動的 Make、設計 Agent 和 QA 工具放進同一條工作流。

Figma 這波 release notes 很密,重點落在 Figma Make、MCP 整合、以及新一組設計檢查工具。對設計與前端團隊來說,這代表從畫面到程式碼的銜接又往前推了一步。

項目數值
Release-note items surfaced76
Check designs launch date2026/06/04
Make codebase editing launch date2026/05/28
Figma agent rolloutBeta,未來數週逐步開放
Agent beta pricingBeta 期間不扣 credits

發生了什麼

訂閱 AI 趨勢週報

每週精選模型發布、工具應用與深度分析,直送信箱。不定期,不騷擾。

不會寄垃圾信,隨時可取消。

這次更新主要分成三塊:設計系統檢查、AI 規劃、以及連到 codebase 的建構流程。Release notes 先把 Check designs 推到前台,讓檔案在交付前先對照設計系統。

Figma 推出 MCP 連動 Make、Agent 與 QA 工具

Check designs 會抓 hard-coded 顏色、文字、圓角、間距,還會提示對比度問題、library mismatch、detached components。這項功能目前開放給 Organization 和 Enterprise 方案,明顯是朝團隊級 QA 場景走。

  • Make 的 Plan mode 會先問問題,再開始生成。
  • Make 可在建構時搜尋網頁或抓取 URL。
  • 排隊訊息能在執行中追加後續指令。
  • Make 現在可連到本地 codebase,並開 branch 與 PR。

更大的變化在 Figma MakeMCP 整合。使用者可以直接貼 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 檢查和程式碼編輯開始能在同一套流程內跑,交接摩擦會少很多。

Figma 推出 MCP 連動 Make、Agent 與 QA 工具

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

問題只剩一個:從 frame 到 code,Figma 會不會變成預設路徑?