摘要： Figma 於 2026 年 5 月 28 日讓 Figma Make 透過桌面版接上生產或 sandbox 儲存庫，以視覺介面編輯真實軟體。Make kits 與 attachments 可把實際元件、樣式與專案上下文帶進流程；文章仍建議每筆生產變更走 diff、CI 和 pull request，因為最終仍是一個 commit。
Figma 在 2026 年 5 月 28 日替 Figma Make 解鎖了一項外界原以為還得等上好幾年的本事:透過 Figma 桌面版應用程式,把 Make 直接接上生產(production)或 sandbox 儲存庫,讓它化身官方所稱的「可建造與編輯真實軟體的視覺介面」。同場現身的還有一個精確調整面板,負責版面、顏色、字級與效果這類細節層級的修改。講得再直白些,這家設計工具公司這回交出的,已經是一套能動手改 production codebase 的程式碼編輯器——隔在設計與程式碼之間的最後一堵牆,正被一段一段敲開。
怎麼接上儲存庫,介面長什麼樣
按 The Verge 的描述,整條連線都跑在桌面版 App 上;要綁正式儲存庫還是 sandbox 儲存庫,由團隊自行決定——留下 sandbox 這個選項,用意明顯是讓大家能先在隔離環境裡演練。綁定完成後,Figma Make 就像在這個 codebase 外頭罩上一層視覺編輯:幅度大的變更用提示詞下達,零星的修正交給新面板,兩條路徑收在同一個工作區。CMSWire 的讀法一樣直接:這批新功能把設計師再往工程地盤裡帶,讓他們「不必離開畫布就能編輯 production code」。
定位重寫:從原型產生器到生產現場
這波更新同時替 Figma Make 換了身分:它以 prompt 驅動的原型產生器起家,如今掛出的招牌是編輯真實軟體的介面。Figma 同一天發出的官方文章《4 new ways to go from idea to product with AI tools》附了兩組適合並排對照的數字:行銷公司 Merkle 借 Figma 的 AI 代理之力生出約 50 個版面變化,原本得花數天的工作被壓縮到數小時內;Affirm 的結帳付款方案徽章,從想法走到能動的原型只花兩天,這類需求過去的行情則是六週。
同一篇官方文章也發表了 Make kits——官方打的比方是「Make kits 之於 Figma Make,就像 MCP 之於 AI 生成的程式碼」——讓原型從第一個 prompt 開始就套用團隊實際的元件與樣式;一併露面的 Make attachments,任務是把資料、品牌規範等專案上下文帶進 Make。生產環境裡的視覺編輯之所以不會偏航,靠的正是這幾道機制:編輯必須落在真正的設計系統上,而不是當場憑空變出的近似替身。
設計與工程的分工線,正在重畫
把視覺編輯直接接到 live repo,動到的不只是工具鏈,還有雙方權責該怎麼切。設計師得以更早摸到真的會執行的東西——FloQast 的案例就是現成說明:他們在 AI coding 工具裡搭出附帶模擬後端的原型,拿真實客戶資料實測一輪之後,才抓出「表面上看對、實際上會垮」的流程。話雖如此,生產儲存庫上的每一筆視覺編輯,拆到最底仍是一個 commit。編輯入口增加了,守在關卡的換成 code review 與 CI,工程端的審查量能會變成下一個排隊的瓶頸。Figma 自己描述的設計到程式碼循環——原型先送進 AI coding 工具,再回到畫布上打磨,最後靠 MCP 把設計上下文整包帶回程式碼端——說明的正是這條通道如今兩個方向都通。
動手之前,三件事先想妥
其一,第一站先掛 sandbox 儲存庫,審查紀律練穩了,再去碰正式環境;其二,Make 產出的每一筆變更都照 pull request 程序走——diff 先看過、CI 再跑過,面板再怎麼精準,最終拍板的仍是一個 commit;其三,Make kits 或 MCP 設計系統整合從第一天就得接好,讓視覺編輯摸到的是真元件與真 token,否則設計債會直接從設計稿搬進程式碼庫。門是工具替你開的,治理這一塊得自己補上。