Vibe Design 來襲！Google 設計工具 Stitch 升級，動口可設計、想法秒成真

過去一年，「Vibe Coding」從根本改變人們程式開發的方式，讓簡單的描述直接轉變成可運作的軟體。Google Labs 去年推出的 Stitch 則從設計流程開始，幫助人們的想法化為現實。現在 Stitch 迎來重大更新，進化成一個 AI 原生的軟體設計畫布，任何人都能將自己的描述轉變成高度擬真的 UI 設計。

Google Labs 產品經理 Rustin Banks 18 日在官方部落格文章，提出「Vibe Design」這個概念，並為軟體 UI（User Interface，使用者介面）設計工具 Stitch 的更新揭開序幕。

「我們重新設計了 Stitch 的介面，現在它擁有一個全新的 AI 原生畫布，讓你的想法能從初期構思一路發展到可運作的原型。」Rustin Banks 表示，Stitch 還有一個全新設計代理程式（design agent），能夠理解整個專案的演進過程並進行推理。

Google Labs 擴展了設計系統工具，讓創作能有更完整的上下文脈絡。使用者可從任何網址快速提取設計系統的精華，或使用新的 DESIGN.md 來匯出或匯入設計規則，它是一種對代理程式友善的 Markdown 檔案。如此一來，使用者可將設計套用到不同的 Stitch 專案，不需要每次從頭來過。

有趣的是，Stitch 還新增語音功能，讓使用者可以直接對這項設計工具說話。代理程式可以即時提供設計建議、透過對話方式幫使用者設計新的 landing page，並在使用者說話的同時進行即時更新，例如「給我 3 種不同的選單選項」或「用不同配色呈現這個畫面」。

「你可以在幾秒內將多個畫面『縫合』在一起，並透過點擊「播放」按鍵快速預覽應用流程。Stitch 也能根據使用者的點擊，自動生成合理的下一步畫面，輕鬆描繪完整的使用路徑。」Rustin Banks 表示，「這種快速的循環，讓你可以用一次點擊微調單一元素，或重新設計整個流程，確保自己的想法能被迅速驗證與最佳化。」

Google Labs 已為 Stitch 推出 MCP 伺服器與 SDK，讓使用者可將 Stitch 連接像是 Antigravity、Gemini CLI、Claude Code 或 Cursor，做到將「Vibe Design」與「Vibe Coding」結合起來。

▲ Stitch 五大升級。

Stitch 這樣的做法在市場環境是否可行，或者只是一種新的「氛圍」（vibe），的確值得好好觀察。AI 技術不斷演進下，有鑑於「Vibe Coding」改變業界生態，或許可對「Vibe Design」抱有正面期待。

• Google offers ‘vibe design’ tool that you can shout at to create a UI

（首圖來源：Google Blog）

立刻加入《科技新報》LINE 官方帳號，全方位科技產業新知一手掌握！