Google Stitch 在 2026 年 3 月 19 日發布了自推出以來最大規模的更新，從原本的文字轉 UI 生成器，升級為具備無限畫布、語音互動和設計 Agent 的 AI 原生設計平台。這次改版直接衝擊 Figma 的核心業務——消息公布後兩天內，Figma 股價累計下跌約 12%，從 IPO 後高點 USD 142.92 已經跌掉將近八成。Stitch 目前完全免費，每月提供 350 次標準模式生成額度，不用綁信用卡。
但「免費」和「能用」是兩回事。我們實際測試了新版 Stitch 的設計產出品質，來看這個工具到底處在什麼水準。
Meet the new Stitch, your vibe design partner.
— Stitch by Google (@stitchbygoogle) March 18, 2026
Here are 5 major upgrades to help you create, iterate and collaborate:
🎨 AI-Native Canvas
🧠 Smarter Design Agent
🎙️ Voice
⚡️ Instant Prototypes
📐 Design Systems and DESIGN.md
Rolling out now. Details and product walkthrough… pic.twitter.com/q6W1Uhb7tn
這次改版到底改了什麼
Stitch 最早在 2025 年 5 月 Google I/O 上以 Google Labs 實驗專案身份亮相，底層用的是 Gemini 2.5 Pro。當時的功能很單純：輸入文字描述，生成一個畫面，匯出到 Figma 或下載 HTML/CSS。
2025 年底 Google 把 Gemini 3 整合進 Stitch，UI 品質明顯提升，同時加入了 Prototypes 功能，可以把多個畫面串成可互動的流程。2026 年 3 月 19 日的這次更新幅度更大，一次推出五項核心功能：
| 新功能 | 實際做的事 |
|---|---|
| AI 原生無限畫布 | 把圖片、文字、程式碼、UI 元件放在同一個工作空間，支援同時生成最多 5 個畫面（舊版一次只能 1 個） |
| 設計 Agent | 可以追蹤整個專案的演進歷程，處理版面配置、元件選擇和迭代修正 |
| 語音畫布 | 直接用語音跟 AI 對話，Agent 會即時給設計批評和修改建議 |
| 即時原型 | 把靜態設計轉成可點擊的互動原型，自動推測下一個畫面 |
| DESIGN.md | 用 Markdown 格式記錄設計系統規則（顏色、字型、間距），可跨專案匯入，也能餵給程式碼工具讀 |
底層模型方面，標準模式用 Gemini 3 Flash（快速迭代），進階模式用 Gemini 3.1 Pro（品質優先）。匯出格式支援 Figma、HTML/CSS/Tailwind，以及透過 MCP 伺服器串接 Claude Code、Gemini CLI、Cursor 等開發工具。
設計師實測：產出品質在什麼水準
Gary Simon 是 DesignCourse 創辦人，有超過 20 年 UI/UX 設計和前端開發經驗，YouTube 頻道訂閱數破百萬。他在改版隔天做了第一次實測，測試方式是拿一份虛構 AI 園藝服務的 PRD 文件，請 Stitch 生成完整的著陸頁。
他的 prompt 很直白：「根據這份 PRD 生成一個現代專業的著陸頁，至少五到六個區塊，桌面版，自動選配色。」生成速度確實快，大約一分鐘出結果。但設計品質是他最在意的部分。
Simon 的評語直接到不行：產出「still mid」。具體問題包括配色偏灰、缺乏視覺層次、區塊之間的邏輯安排不夠聰明（比如圖片區域帶浮水印，不會激發使用者上傳照片的意願），以及整體構圖不像一個有經驗的設計師會做的東西。
他接著嘗試用 Mobbin.com 上的高品質設計截圖當參考，請 Stitch 生成更接近那個水準的版本。Stitch 的回應文字很到位——它說它理解了「大氣感的景深、大比例排版、非傳統網格」的方向。但實際生成的三個版本，最好的那個也只是「a little bit better」，其中一個甚至比原始版更差。
Erik (EKC)
編輯體驗的硬傷
Simon 在測試過程中碰到的另一個問題是編輯功能。點進 Edit 模式後，他花了很長時間摸索怎麼改文字——要先選取、再刪除、再輸入，操作流程不直覺。而且修改範圍似乎只限於個別元件級別，沒辦法選取整個區塊來改背景色或整體配置。
這跟 Figma 的編輯體驗差距很大。Figma 讓你精確控制每一個圖層、群組、元件的屬性，Stitch 目前只做到 prompt → 生成 → 微調文字這個層次。對不會設計的人來說可能夠用，但對專業設計師來說遠遠不夠。
Google Stitch vs Figma：不是取代關係
CNBC 在 3 月 19 日的報導中引述了 Figma 股價下跌的市場反應。但如果看實際的功能對比，兩者目前解決的問題根本不一樣。
| 比較維度 | Google Stitch（2026 年 3 月） | Figma |
|---|---|---|
| 定位 | AI 原生設計探索 + 快速原型 | 專業協作設計平台 |
| 核心流程 | Prompt → 生成 → 微調 → 匯出 | 手動設計 → 元件系統 → 協作 → 交付 |
| 設計精度 | 中等，複雜版面需多次迭代 | 像素級控制 |
| 元件系統 | DESIGN.md（Markdown 格式） | 完整的設計系統、變數、Auto Layout |
| 即時協作 | Agent Manager 支援平行探索 | 多人即時協作，成熟的權限管理 |
| 程式碼輸出 | HTML/CSS/Tailwind，React 匯出在規劃中 | 透過 Dev Mode 提供 CSS 和 inspect 資訊 |
| 動畫/微互動 | 不支援 | 支援原型互動和動畫 |
| 價格 | 免費（350 次/月標準模式） | 免費方案 + 付費方案（Professional USD 15/人/月起） |
| 2025 年營收 | — | USD 10.6 億（年增 41%） |
實務上比較合理的工作流程是：用 Stitch 做 0 到 1 的快速探索和概念驗證，匯出到 Figma 做精修和團隊協作。多數測試者和分析師得出的結論一致：Stitch 是加速器，不是替代品。
對設計軟體產業的衝擊
Figma 的股價反應反映的是市場對 AI 顛覆 SaaS 的焦慮，不完全是 Stitch 本身的功能威脅。Figma 今年以來股價已經跌了約 35%，2025 年淨虧損 USD 12.5 億（比 2024 年的 USD 7.32 億擴大），雖然營收成長 41%，但虧損擴大的速度讓投資人不安。
Google 的策略意圖也值得注意。Stitch 最初是 Google 在 2025 年收購 Galileo AI 後改名的產品，現在透過 MCP 伺服器跟整個 Google 開發生態系串接——AI Studio、Antigravity（Google 的程式碼生成工具）、Gemini CLI。免費策略的目的很可能是先建立用戶基礎和生態系黏著度。
Logan Kilpatrick（Google AI Studio 相關人員）在 X 上揭露的近期路線圖包括 design mode、Figma 整合、Google Workspace 整合、GitHub 支援。這些方向都在把設計能力拉進 Google 既有的企業生態系裡，而不是把 Stitch 當獨立產品經營。
「Vibe Design」的實際意義
Google 用「Vibe Design」這個詞來描述 Stitch 的使用方式，跟 2025 年爆紅的「Vibe Coding」概念對應。核心概念是：使用者描述意圖、感受或商業目標，而不是畫線框圖，AI 負責把抽象描述變成具體設計。
Google Labs VP Josh Woodward 說 AI 是「creativity multiplier，幫助人們快速探索多個想法。」這個定位很準確——但前提是你知道什麼是好設計。Simon 的測試清楚顯示，如果你沒有設計判斷力，就只能接受 AI 給你的東西；如果你有，你會覺得產出不夠好但又沒有夠精細的工具去修。
這是目前所有 AI 設計工具的共同困境。不管底層用的是 Gemini、Claude 還是 GPT，生成模型在視覺層次、使用者旅程規劃和情感共鳴這些層面的表現，還沒有達到中高階設計師的水準。
適合誰用、怎麼用
根據目前的功能和品質，Stitch 最適合這些場景：
產品經理在利害關係人會議前需要快速原型。創辦人要把腦中的產品概念視覺化，還沒到請設計師的階段。開發者討厭畫 mockup 但需要一個起點。設計師想在正式開始前快速探索多個方向。
不適合的場景：需要像素級精確控制的成品設計、需要完整設計系統管理的團隊協作、需要動畫和微互動的原型。
Google Stitch 跟 v0、Lovable 有什麼差別？
Stitch 是設計優先工具，生成 UI 設計和前端程式碼。v0 by Vercel 是元件優先工具，生成可直接用在 production 的 React/Next.js 元件。Lovable 是全端工具，處理包含後端邏輯的完整應用。三者解決的問題不同，2026 年最有效率的做法是在不同階段用不同工具：Stitch 做設計探索（免費），v0 做元件生成（USD 20/月），Lovable 做全端組裝（USD 25/月）。
Stitch 生成的程式碼品質如何？
目前輸出 HTML/CSS 和 Tailwind，結構乾淨可用但離 production-ready 還有距離。React 匯出功能在開發路線圖上但還沒上線。透過 MCP 伺服器可以把設計直接餵給 Claude Code 或 Cursor，讓 AI 程式碼工具接手後續開發。
不會設計的人用 Stitch 能做出好東西嗎？
能做出「及格」的東西，但做不出「好」的東西。Simon 的測試顯示，在沒有設計經驗的情況下，使用者只能被動接受 AI 的審美判斷。Stitch 適合當作快速概念驗證工具，但如果產品要上線面對客戶，後續的設計精修和品牌一致性還是需要設計專業介入。
Figma 還值得學嗎？
值得。Stitch 處理的是設計流程最前端的「0 到 1」階段，但元件系統管理、團隊協作、像素級精修、設計交付、動畫原型這些專業需求，目前還是 Figma 的領域。兩者的關係比較像是 AI 輔助繪圖跟 Photoshop——前者降低門檻，後者提供深度。
Google 會不會把 Stitch 關掉？
這是合理的擔心。Google 有關掉實驗產品的歷史，而且 Stitch 目前沒有付費方案，缺乏獨立產品的營收承諾信號。不過從 MCP 伺服器整合、DESIGN.md 格式、以及跟 AI Studio / Antigravity 的串接來看，Google 把 Stitch 當成開發生態系的一環在經營，不太像是短期實驗。Google I/O 2026（排定 5 月 19-20 日）預計會有更明確的產品路線圖。
引用來源
- CNBC — Figma stock drops 12% after Google releases vibe design product Stitch
- Google Blog — Design UI using AI with Stitch from Google Labs
關於作者
Nora 是 Tenten.co 的設計總監，協助企業客戶在產品設計、前端開發和 AI 工具導入之間找到最佳工作流程。協助金融、製造和科技業客戶評估不同 AI 設計和開發工具的導入策略，從 Figma + AI 外掛、到 Cursor + Figma MCP、再到 Claude Code 全流程開發。
我個人的觀察是：Stitch 的出現加速了「設計民主化」的進程，但也同時凸顯了設計專業的不可取代性。AI 能把門檻從「會用 Figma」降到「會打字」，但從 mid-tier 產出到讓人留下印象的設計之間，那段距離不是更多的 prompt 能填的——是品味、經驗和對使用者行為的理解。我們在替客戶規劃技術架構時，通常建議把 AI 設計工具當作加速前期探索的手段，正式產品上線前一定要有設計審查流程。
如果你正在評估 AI 設計工具在企業場景的應用方式，歡迎跟 Tenten 團隊預約諮詢。
