Figma 向 AI 智慧體開放畫布：Claude Code 可直接呼叫規範改圖

過去讓 AI 幫忙做介面，最頭疼的不是它不會畫，而是它畫出來的東西總有一股揮之不去的「AI 塑膠味」。它不知道你家產品特定的品牌藍、不知道按鈕該留多少間距，最後丟給你的往往是一張看著挺熱鬧、實際完全沒法進生產環境的半成品。

Figma 試圖徹底打破這堵牆。官方正式推出了 Figma MCP server 的測試版，直接把設計畫布向 AI 智慧體開放。像 Claude Code、Codex 甚至 Cursor 這類 MCP 客戶端，現在可以直接跳進你的 Figma 檔案裡讀取規範並動手修改圖層。目前這項能力在測試期免費開放，後續會轉為按量收費。

從程式碼到畫布，雙向通道終於打通了

這次更新最關鍵的核心是一個叫做 use_figma 的新工具。它補齊了 Figma 在智慧體工作流裡最後的一塊拼圖。

在這之前，Figma 已經有了一個叫 generate_figma_design 的工具，能把線上網頁或應用的 HTML 逆向轉成可編輯的圖層。那是讓「設計追平程式碼」。

而現在的 use_figma 則是反方向操作：AI 智慧體可以直接呼叫你團隊現有的元件、變數和樣式系統，在畫布上新建或修改設計資產。這意味著無論是從終端裡的程式碼開始，還是從畫布上的原型開始，兩邊終於能在一個共享的上下文中對齊。

Codex 的設計負責人 Ed Bayes 就提到，OpenAI 團隊平時都在 Figma 裡做產品決策和迭代，現在 Codex 能直接讀取這些設計上下文，效率完全不可同日而語。

寫一份 Markdown，就能教會 AI 你們團隊的「家規」

但光給 AI 開許可權還不夠，萬一它進來亂改一通怎麼辦？Figma 拿出的解法叫做 Skills（技能）。

說白了，Skills 就是一份用 Markdown 格式寫成的指令集。你不需要去寫複雜的外掛程式碼，只需要把團隊的設計原則、執行步驟和規範寫成文件，智慧體就會老老實實照著做。

這次官方和社群一口氣推出了首批 9 個技能，地基是一個名為 /figma-use 的基礎技能，負責教會智慧體 Figma 的基礎結構和核心邏輯。在此之上，還有很多來自從業者的實用工具，比如從程式碼庫或 JSON 合約生成元件、同步設計 tokens 並做偏差檢測、生成螢幕閱讀器規格，甚至讓多個智慧體並行幹活。

Claude Code 的產品負責人 Cat Wu 表示，Skills 能讓智慧體直接在畫布上工作，同時死死守住團隊的設計意圖與判斷。

更有意思的是智慧體的自修復機制。當 AI 生成一個頁面後，它可以自動截圖並進行比對迭代。因為它操作的是真實的自動佈局（Auto Layout）、元件和變數，所有的微調都是在底層結構上完成，而不是在畫素上修修補補。

為什麼重要

我們認為，Figma 這步棋走得非常狠，而且極其聰明。

對開發者和設計團隊來說，它幾乎消滅了產研之間最折磨人的人肉搬磚環節。以前前端寫完程式碼，設計稿早就過時了；設計師改了變數，前端的程式碼庫還在用舊 token。現在 Claude Code 這類編碼工具可以直接讀取規範並在畫布上改圖，獨立開發者甚至能直接跨過初級 UI 的門檻。

對行業而言，Figma 正在把自己從單純的「設計工具」變成 AI 時代的「介面作業系統」。市面上很多宣稱用 AI 一鍵生成介面的競品，生成的都是脫離生產環境的死頁面；而 Figma 把自己多年積累的元件庫、變數系統和設計規範做成了智慧體的基礎設施，競爭對手很難短期跟進。

不過隱患也顯而易見。智慧體在多人協作的 Figma 畫布上自由增刪資產，很容易造成版本混亂和資產汙染；同時，測試期過後按量收費的具體價格還沒公佈，高頻呼叫的成本可能會讓中小團隊吃不消。但無論如何，設計和程式設計的邊界，已經被這套 MCP 工具徹底抹平了。