OpenAI 聯手 Figma：Codex 打通 MCP，程式碼與設計圖能雙向互轉了

過去做軟體最讓人頭疼的環節之一，就是設計師畫完稿子丟給工程師，工程師寫完後又和原版差了十萬八千里。兩邊來回扯皮改稿，大部分時間都耗在了「翻譯」上。

現在 OpenAI 和 Figma 打算把這道牆徹底拆了。2 月 26 日，雙方宣佈推出 Codex 到 Figma 的深度整合。藉助開源的 MCP 協議，開發者現在不僅能把 Figma 的設計稿轉成程式碼，還能把程式碼直接反向生成為可編輯的 Figma 設計檔案。

程式碼和畫布開始雙向互通

其實在這項更新之前，團隊就已經能把 Figma Design、Figma Make 或者 FigJam 裡的設計拉進 Codex 寫程式碼。但這次最大的看點在於，流程終於走通了「閉環」。

工程師在本地跑著程式碼，如果覺得介面哪裡不對勁，可以直接通過 Figma MCP Server 把當前程式碼變成 Figma 上的向量圖層。設計師在畫布上微調佈局、字號和間距，改完後又能立刻同步回 Codex 生成對應程式碼。

按照 Codex 產品負責人 Alexander Embiricos 的說法，這個系統不再預設你是純設計師還是純工程師。工程師不用中斷工作心流去學專業作圖，設計師也不用硬著頭皮啃全棧開發，兩邊可以直接用各自最趁手的工具對話。

想體驗這個功能也不復雜。如果你已經在用 Codex 的 macOS 桌面端，直接在應用裡安裝 Figma MCP Server 就能跑起來。

Codex 狂飆與 Figma 的兩頭下注

OpenAI 順手公佈了 Codex 的最新成績單。這個最早在 2025 年 4 月以命令列工具亮相的產品，今年以來使用量增長了 400%，目前周活躍使用者已經突破 100 萬。前不久剛上線的 macOS 桌面應用，首周下載量也達到了 100 萬次。像 Cisco、NVIDIA、Ramp 和 Datadog 等大公司，都已經把 Codex 推進了日常工作流。

不過，有意思的細節在場外。就在這次宣佈合作的前一週，Figma 才剛剛和 Anthropic 官宣了類似的合作，為後者的 Claude Code 提供整合支援。

對於 Figma 來說，它顯然不想把自己綁死在任何一家大模型巨頭的戰車上。無論是 OpenAI 還是 Anthropic，只要能幫使用者把畫布和終端連起來，它都樂見其成。

為什麼重要

我們認為，這次更新最核心的價值，是把「程式碼生成 UI」這件事真正做成了可維護的閉環。

市面上大部分 AI 程式設計工具都是單向的，程式碼生成出來之後，視覺上的微調往往最折磨人。改一行 CSS 就得重新整理一次看效果，或者在聊天框裡反覆用自然語言描述「把按鈕往左挪兩個畫素」。現在能把程式碼一鍵倒回 Figma 畫布，直接用滑鼠拖拽調整再導回程式碼，哪怕是獨立開發者或小團隊，打磨產品細節的效率也會成倍提升。

對行業來說，這也是 MCP 協議在消費級和生產力工具上的又一次關鍵勝利。大模型工具不再滿足於停留在終端或側邊欄，它們正在通過標準協議直接吞噬專業軟體的工作流。對於還在手寫切圖、死磕樣式對照的團隊來說，現在就值得在 Codex 桌面端裡配上 Figma 試一試。

不過，這裡也有隱患。真實專案裡的前端程式碼往往夾雜著複雜的業務邏輯、狀態管理和元件封裝。把簡單 UI 逆向生成為 Figma 圖層或許很順滑，但面對大型專案高度抽象的程式碼庫時，逆向還原的保真度和可用性究竟如何，仍然需要開發者在實際複雜場景中驗證。