Google Stitch 實際玩法 — Reddit 研究報告
分析咗 15+ 條 thread | 2026-04-07
三種主流 Workflow(按受歡迎程度排序)
Workflow 1:Stitch → Figma 精修(設計師主流)
誰用: 有設計系統、要同客戶 collaborate 嘅團隊
Stitch 出 concept(10-20分鐘)
→ 揀最好一個
→ Export "Copy to Figma"(一鍵,保留 layer 結構)
→ Figma 調 spacing、typography、brand color
→ 交 developer
“The brief comes in. You open Stitch. Twenty minutes later you have a designed, on-brand first draft. Export to Figma, hand off to the developer. Same day. That used to take a week.”
注意: “Copy to Figma” 只有 Standard Mode 有,Experimental Mode 冇!Reddit 上好多人反映呢個功能 buggy。
Workflow 2:Stitch → DESIGN.md → AI Coder(新興,跳過 Figma)
誰用: Founder、developer、唔需要正式 design handoff 嘅人
Stitch 出 UI
→ 匯出 DESIGN.md(純文字 brand rulebook)
→ 交 Cursor / Claude Code 直接 build
→ 完全唔碰 Figma
r/PromptEngineering:「It exports DESIGN.md — a brand rulebook you can hand straight to an AI coder (like Cursor) to build the real app. It won’t replace Figma for your enterprise design team, but for bootstrapping, it’s a cheat code.」
呢個係最前沿玩法,同 Claude Code workflow 完全 match。
Workflow 3:Stitch → HTML/CSS 直接用(最快但最粗糙)
誰用: 開發者、hackathon、MVP
Stitch 生成 UI
→ 直接 export HTML/CSS
→ Developer 改改就上線
→ 完全唔用 Figma
點解人哋仍然用 Figma 改?
- Stitch 編輯功能有限 — 唔可以 drag-and-drop、無法精確控制 spacing(例如 padding 要 16px 唔係 12px)、無法單獨選 element 改顏色
- 企業有現有 Design System — Component library、Brand token、多人協作全係 Figma 入面
- “Copy to Figma” 係 Google 承認 Stitch 係前期工具 — 唔係想取代 Figma
結論:去 Figma 改係舊世界習慣。Stitch 直接改到夠用 → DESIGN.md → Claude Code 係更直接嘅路線。
Reddit 真實批評(唔係 hype)
| 聲音 | 來源 |
|---|---|
| 「Tried Stitch last week. Output is low quality. It’s a gimmick.」 | r/figmaStock |
| 「Figma doesn’t get used much, it’s now just Claude Code and prototypes」 ← 即刻被反駁 | r/figmaStock |
| 「Where do you work that’s true? Everything pixel-perfect is still in Figma」 | r/figmaStock |
社群共識
- Stitch 唔係 Figma 殺手 — 係 ideation 加速器,Figma 仍係 production 工具
- 企業客戶唔會走 — Figma Q4 2025 財報:$280M 收入來自 15,000+ 企業客戶
- 最有趣新 workflow:Stitch → Claude Code / Cursor,完全跳過 Figma
- Figma 股價跌 ~8.8-9% 係市場過度反應,但長遠確實有威脅
事實查核備注
- 股跌幅:不同來源介於 8.8%-10%,方向正確但精確數字有出入
- “Copy to Figma” bug:有 Google AI Developers Forum 真實 thread 確認
- 三個 workflow 均有多個獨立來源交叉確認
我哋的最佳做法
用 Workflow 2 — Stitch → DESIGN.md → Claude Code,完全唔需要 Figma:
- Stitch 出 UI concept(免費)
- 匯出 DESIGN.md
- Claude Code 直接 build