只要一句描述，幾分鐘內就能生出看似足以交付的 UI，Google Stitch 的確讓人忍不住想問：Figma 需要擔心了嗎？從 Galileo AI 一路演進到由 Gemini 驅動的設計畫布，它的完成度已相當高；但結論沒有宣傳聽起來那麼誇張。Stitch 很適合快速把想法變成可開發的介面初稿，真正要上線前，仍得交給 coding agent 接手完成。
Google Stitch 到底提供了什麼？
- 它能做什麼：用文字描述 App，或貼上截圖、線框圖，Stitch 就會產生可編輯的 UI，包括視覺畫布與可匯出的 HTML/CSS。
- 費用：免費，只要有 Google 帳戶即可在 stitch.withgoogle.com 使用，不必安裝任何軟體。
- 要注意的是：它的定位是把設計交接給程式開發，而不是取代最終的設計工具。
Stitch 背後的模型迭代很快。截至 2026 年 7 月，正式版模型選單提供四種模式：
- 3 Flash（預設）— Gemini 3 Flash。適合快速產生第一版，並為「匯出至 coding agents」而設計。
- Thinking with 3.1 Pro — Gemini 3.1 Pro。適合需要維持整體一致性的多畫面流程。
- Redesign — Nano Banana Pro。可依據截圖重新打造既有畫面。
- Ideate — 在尚未決定方向前，用來探索不同設計可能性。
2026 年更新：Stitch 不再只是生畫面的工具
2026 年 3 月 18 日推出的「vibe design」更新，讓 Stitch 從單純的畫面生成器，變成能理解專案脈絡的代理工具：
- 無限畫布 — 每次生成結果都能並排放置，也可把圖片、文字或程式碼拖進畫布作為上下文。
- 設計代理 — 能從整個專案角度推理，並透過管理機制同時處理多個設計方向。
- DESIGN.md — 以 Markdown 記錄色彩、字體與版面等設計系統規則，可在不同工具間帶著走。
- 互動原型 — 可將畫面連結起來，按下 Play 後直接點擊瀏覽流程。
- 語音操作 — 直接對畫布說話，Stitch 會即時修改內容。
這次也同步推出 MCP server、SDK，以及匯出至 AI Studio 和 Antigravity 的功能。真正關鍵就在這層匯出能力：Stitch 不會停在產生設計稿，而是能接進後續開發流程。
Google Stitch 真的完全免費嗎？
是的，目前沒有付費方案；不過用量配額相當不透明，Google 對此也沒有公開說明。
| 說法 | 狀態 |
|---|---|
| 免費、沒有付費方案，只需 Google 帳戶 | 官方網站已確認 |
| 確切的每月／每日配額 | 未公開；第三方數字彼此矛盾（350+200、350+50、約 400／天） |
| 點數會按週期重置，且無法加購 | 已有相關說法，但官方未文件化 |
實務上，請以 App 內的計數器為準，並預期會有上限；不要根據部落格上的配額數字安排交付期限。簡單提示消耗不多，但多畫面流程會很快吃掉額度。
多畫面設計的一致性，仍是最大難題
這是 Stitch 最常被提及的弱點，而且它的改善過程值得一起看：
- 剛推出時：r/UXDesign 使用者認為它很適合做變體，但「很不擅長製作多畫面流程」。測試者也遇過只有「上色線框圖，而非精緻 mockup」的結果，以及匯出後表單送出按鈕完全沒反應的情況。
- 2026 年 4 月 9 日：官方帳號列出修正項目，包括代理現在會遵守既有設計系統、DESIGN.md 的修改可同步回去，版面重疊情況也減少了。
- 尚未解決：4 月下旬有位開發者精準總結了差距：UI 到正式產品的交接「仍是有趣且尚未解決的問題；Stitch 2.0 有幫助，但還沒有完全補上缺口。」
匯出後，才是實際開發流程的開始
2026 年更貼近現實的工作方式，不是「在 Stitch 設計、從 Stitch 上線」，而是一場接力：
1. 在 Stitch 產生 UI 與 DESIGN.md。2. 透過匯出或 MCP，把程式碼交給 coding agent，例如 Claude Code、Codex 或 Cursor。3. 再由代理將內容轉成能執行的 React App。有位開發者甚至形容，透過 MCP 把 Stitch 串進 Claude Code，是「徹底終結『AI slop』的流程」。
在信任匯出的程式碼前，先檢查 Stitch 常忽略的部分：響應式設計、可正常運作的表單、載入與錯誤狀態、路由，以及元件究竟有被重複利用還是重複建立。
還有一項成本要算進去：coding agent 會使用 LLM API，費用與 Stitch 的免費畫布分開計算。這一步需要 Gemini 或 Claude 這類模型；Stitch 本身仍免費，但背後代理的用量才是成本累積之處。
Stitch、v0、Figma Make 怎麼選？
| 工具 | 做法 | 最適合的產出 | 費用 |
|---|---|---|---|
| Google Stitch | 設計優先：提示 → UI + 程式碼 | 快速建立多畫面概念 | 免費 |
| v0 by Vercel | 元件優先：提示 → React | 可直接嵌入的 shadcn/ui 元件 | 每月約 $20 起 |
| Figma Make | 畫布內操作：Figma 裡的 AI | 不離開檔案即可修改 | Figma 方案 |
三者其實不是互斥的競爭對手，而是能彼此搭配：用 Stitch 探索方向、用 v0 生成元件，最後在 Cursor 或 Claude Code 裡組裝完成。
哪些人適合用 Google Stitch？
- 適合使用：需要快速驗證概念的創辦人、PM 與開發者；想做出可信 UI、卻不想先學 Figma 的非設計背景使用者；以及已在 Google 生態系內的團隊。
- 不適合拿來收尾：需要受治理元件庫的企業團隊，或要求像素級控制與可直接量產輸出的設計師。
結論：如果目標是在幾分鐘內把想法變成有設計感、也有程式碼基礎的 UI，Google Stitch 是 2026 年最強的免費選項之一——前提是，最後仍由 coding agent 負責收尾。
常見問題
Google Stitch 免費嗎？
免費，沒有付費方案，只需 Google 帳戶。不過使用量受未公開的配額限制，請留意 App 內的計數器。
Google Stitch 使用哪些 AI 模型？
截至 2026 年 7 月，包含 Gemini 3 Flash（預設）、Gemini 3.1 Pro（Thinking 模式）與 Nano Banana Pro（Redesign）。這套組合已取代較舊的 Gemini 2.5 配置。
Google Stitch 能產生可運作的程式碼嗎？
它會產生前端 HTML/CSS，但應視為起點。測試者曾遇到失效按鈕與缺少邏輯的情況，因此上線前仍應在程式開發工具中進一步調整。
它能沿用既有的設計系統嗎？
自 2026 年 4 月起，代理會嘗試遵守你定義的設計系統，DESIGN.md 也能把規則帶進帶出。雖然比剛推出時進步，跨畫面時仍值得逐一確認。
Google Stitch 比 Figma 好嗎？
要快速形成概念，Stitch 更快；協作、設計系統與正式產出的掌控度，仍是 Figma 較強。多數人會從 Stitch 起步，再到其他工具完成工作。