Google Labs 升級 Stitch：自然語言與語音直接生成高保真 UI

去年大家還在聊「氛圍寫程式碼」（vibe coding），動動嘴皮子就能讓 AI 把後端邏輯跑通。現在，Google 打算把同樣的體驗搬到設計介面上。

Google Labs 在 3 月 18 日把旗下的 Stitch 全面重構，定位直接改成「AI 原生軟體設計畫布」，還順便造了個新詞叫「氛圍設計」（vibe design）。說白了，你不再需要從畫線框圖或者找元件庫開始，只要跟它聊聊你的業務目標、想給使用者什麼感覺，甚至丟幾張靈感圖，它就能幫你生成高保真的可互動原型。

畫布變成無限大，還配了多個設計助手

新版 Stitch 最直觀的變化是介面換成了類似白板的無限畫布。你在上面隨便扔東西都行，圖片、文字需求，甚至是現成的程式碼片段，都可以直接當成上下文餵給 AI。

畫布背後是一套全新的設計智慧體（design agent）。這個智慧體能理解整個專案從早期雛形到演進過程的完整脈絡。

為了讓你能同時試好幾個方向，Stitch 還加了一個 Agent 管理器（Agent manager）。比如同一個電商詳情頁，你想同時看看極簡風、復古風和賽博朋克風，管理器會並行推進不同方案，且記錄各自的進展，不會讓畫布亂成一團。

更接地氣的是即時語音互動。你戴著耳機就能直接跟畫布說話，讓 AI 充當設計評審顧問，或者通過一問一答的方式幫你梳理落地頁框架。你一邊說話，它一邊就能改，比如喊一句「給我來三個不同的選單樣式」或者「換一套配色看看」，介面當場就變。

從一張 Markdown 到可點選的原型

除了動嘴皮子，這次 Stitch 在工程落地上下了不少功夫。最核心的兩個更新是原型連線和設計規範匯出。

以前 AI 生成的介面大都是靜態圖片或者死板的頁面，新版 Stitch 可以在幾秒鐘內把靜態稿變成可互動原型。點選播放按鈕，你在頁面上點一個按鈕，系統會自動推斷並生成下一級邏輯頁面，整套使用者旅程（user journey）直接連通。

在設計系統（Design System）方面，Stitch 支援直接從任意網頁連結提取設計規範，還推出了一個叫 DESIGN.md 的 Markdown 格式。這種 agent 友好的檔案能把你的設計規則打包，方便匯入匯出到其他設計或程式設計工具裡，換個新專案也能直接套用。

要是想把設計交給開發，Stitch 提供了 MCP（Model Context Protocol）伺服器和 SDK，開源技能（skills）在社群已經拿到了 2400 顆星。團隊可以直接把設計成果匯出到 Google AI Studio 或 Antigravity 等開發者工具中，不用再靠設計師截圖、量尺寸去交付。

為什麼重要

對於獨立開發者和初創團隊來說，我們認為這次升級最大的價值在於大幅拉低了「驗證想法」的成本。以前做一個能拿去給投資人或測試使用者點的原型，中間要跨越 Figma 設計、元件對齊、再找人切圖寫前端demo，折騰一週很正常。現在用 Stitch，一個人靠自然語言和幾輪語音對話，幾十分鐘就能拼出一個邏輯通順的互動原型，非常值得現在去嘗試做早期 demo。

但從專業設計工作流來看，它目前解決的主要是「從 0 到 1 的發散」，而不是「從 90 到 100 的精修」。這種靠語音和氛圍提示詞出來的介面，在複雜的邊緣狀態處理、無障礙適配和極致畫素對齊上，依然需要專業設計師介入。

對行業而言，Google 推出 DESIGN.md 和接入 MCP 是極為聰明的一步。它沒有試圖去把 Figma 或主流程式碼編輯器完全替換掉，而是做了一個更輕的膠水層，讓設計規範變成 AI 和程式碼工具都能讀懂的文本格式。這看起來會逼著現有的設計軟體巨頭加快智慧體化，未來設計師的核心競爭力，恐怕真的要從畫向量圖轉向如何用 prompt 和設計規範去調教 AI 了。