Google Stitch 實測：AI 一鍵生成 UI 設計和前端程式碼，跟 Figma Make 比誰強？

Google Stitch 是什麼？

2026 年初，Google Labs 悄悄推出了一個叫 Stitch 的工具，在設計圈引起不小的騷動。簡單來說，Stitch 是一個 AI 驅動的 UI 設計工具，能把文字描述、圖片參考、甚至手繪草稿轉換成可用的 UI 設計和前端程式碼。

聽起來跟 Figma Make 很像對吧？確實有重疊的地方，但 Stitch 的定位更偏向「從零到一的快速原型」，而且背後是 Google 的 Gemini 模型在驅動，這讓它在理解設計意圖上有獨特的優勢。

作為一個日常使用 Figma 的 UI 設計師，我花了兩週深度體驗 Stitch，這篇文章就是我的完整心得。

Stitch 的核心功能

1. 文字轉 UI（Text-to-UI）

你可以用自然語言描述你想要的介面，Stitch 會在幾秒內生成完整的 UI 設計。比如輸入「一個美食外送 App 的首頁，上面有搜尋欄、分類卡片、附近餐廳列表」，它就會產出一個看起來相當完整的設計稿。

重點是它不只生成「靜態圖片」，而是結構化的設計檔案——每個元素都是獨立的 layer，可以自由編輯。

2. 圖片/草稿轉 UI

這是我覺得最實用的功能。你可以上傳一張手繪的 wireframe 照片，Stitch 會把它轉成高保真的 UI 設計。準確度讓我驚訝——連手繪的箭頭和模糊的文字標註都能正確理解。

3. 設計轉程式碼

Stitch 能把設計直接輸出成 React、Vue 或純 HTML/CSS 程式碼。程式碼品質嘛⋯⋯說實話比我預期的好，基本的 responsive 佈局都有處理，但複雜的互動邏輯還是需要手動調整。

4. 設計系統感知

你可以上傳你的設計系統或品牌規範，Stitch 會在生成設計時自動套用你的色彩、字型和元件風格。這對企業用戶來說是殺手級功能。

實際操作體驗

讓我用一個真實案例來展示。我想設計一個「課程平台的學生儀表板」：

Prompt: 設計一個線上課程平台的學生儀表板。
左邊是側邊導航列，有個人頭像、課程列表、學習進度、設定。
主要區域顯示：
- 今日學習目標（進度條）
- 繼續學習的課程卡片（3張）
- 本週學習時間統計圖表
風格：乾淨、現代、淺色主題，圓角元件。

Stitch 在大約 8 秒內產出了設計，而且品質相當不錯。側邊欄的層級結構正確，課程卡片有封面圖和進度條，統計圖表也選了合適的長條圖。

最讓我驚喜的是，它自動加了一些我沒特別要求但很合理的元素：通知鈴鐺、搜尋欄、還有「繼續上次進度」的按鈕。這顯示 Gemini 模型對「儀表板」這個設計模式有深入的理解。

不過也有一些問題。比如文字間距有時候太擠、某些元件的比例不太對、還有中文字型的處理不如英文自然（畢竟是 Google 的工具，英文介面優先）。

Stitch vs Figma Make vs Galileo AI

這是大家最想知道的比較。我把三個工具放在一起用同樣的 prompt 測試：

如果你已經在用 Figma，Figma Make 的 AI 元件系統整合是目前最完整的方案。它最大的優勢是跟你現有的設計系統深度綁定，生成的元件直接就是你團隊在用的那些，不需要額外轉換。

而如果你是從零開始探索、或者想快速把手繪草稿變成可展示的原型，Stitch 的門檻最低——完全免費、不需要安裝任何軟體，在瀏覽器裡就能用。

Galileo AI 的優勢在於它對視覺美感的理解，生成的設計往往最「好看」，但功能性和可編輯性不如前兩者。而且它的 Figma 整合能力也在持續改善中。

Stitch 的優缺點

優點：

• 完全免費（Google Labs 階段）
• 草稿轉設計的辨識能力業界領先
• 程式碼輸出品質不錯，支援多框架
• Gemini 模型對設計意圖的理解很準確
• 不需要安裝，瀏覽器就能用

缺點：

• 還在 Labs 階段，功能可能隨時變動
• 協作功能薄弱，不適合團隊協作
• 設計系統整合不如 Figma Make 深入
• 中文內容的排版有時會出問題
• 沒有版本控制和設計歷史
• 生成的設計需要較多手動微調

誰適合用 Stitch？

經過兩週的深度使用，我的結論是：

• 獨立開發者/Side Project：想要快速做出原型但不想花時間學 Figma，Stitch 是完美選擇。
• 產品經理：會議上快速把想法視覺化，比在白板上畫圈圈有說服力多了。
• 前端工程師：把設計需求轉成初步的 UI 稿和程式碼骨架，加速開發流程。
• 設計新手：學習 UI 設計的過程中，拿來當靈感參考和學習工具。

但如果你是專業 UI 設計師，目前的工作流程已經很順暢，Stitch 可能更適合當作輔助工具，而不是主力。空間運算 UI 設計等新興領域的工具也在快速發展，保持對新工具的敏感度是好事。

結論

Google Stitch 代表了 AI 設計工具的一個重要方向：降低設計門檻，讓更多人能快速把想法變成視覺化的產品。它不會取代 Figma（至少目前不會），但它填補了一個 Figma 不太關注的缺口——那些不需要完美設計，只需要「夠好的原型」來驗證想法的場景。

2026 年的 AI 設計工具格局正在快速變化。我的建議是：不要只押注一個工具，而是了解每個工具的強項，在對的場景用對的工具。Stitch 做快速原型、Figma Make 做正式設計、Galileo 找視覺靈感——這個組合目前是我用起來最順的。