基本介紹
- 開發背景:Stitch 於 Google I/O 2025 正式亮相,由設計與工程團隊共同推出,是 Galileo AI 的延伸版與重命名版本。
- 取得方式:目前開放透過 stitch.withgoogle.com 訪問,屬於 Google Labs 的實驗性服務,需使用 Google 帳號登入。
- 支援格式:接受文字 prompt、手繪草圖或現有 UI 螢幕截圖作為輸入,支援網頁與行動 UI 生成。
特殊功能
- 文字生成 UI(Text‑to‑UI):使用自然語言描述應用功能、色系、情境,即可生成對應設計。
- 圖片/線框翻 UI:上傳手繪草圖、截圖或 wireframe,AI 轉化成實用 UI 元素。
- 多變體設計:每次輸入皆可生成多種 UI 版本,比較選擇最符合需求者。
- 交互式迭代:可請 AI 有對話狀態地調整顏色、字體、布局細節等設計元素。
- Figma 與 Code 導出:支援匯出為 HTML/CSS 代碼,或直接貼至 Figma 保留 Auto Layout 結構。
- 兩種 AI 模型:可切換 Gemini 2.5 Flash(快速)與 Gemini 2.5 Pro(高質),依使用者需求決定生成效率與內容豐富度。
- 實驗功能切換:提供「Standard」與「Experimental」模式,可選用進階功能如圖片導向 UI。
適用場景與實際應用
- 快速原型與構思:產品經理與設計師可用文字與草圖快速生成初版 UI,迅速迭代設計。
- Wireframing 流程加速:將手繪雛形與截圖一鍵轉為干淨可視 UI,適用內部評審或 Sprint Kickoff。
- 跨職能溝通:PM 與開發可快速生成可交接的 HTML/CSS code,加快設計到開發的流程衔接。
- 設計調色與主題試驗:可嘗試不同畫風/顏色/字體組合並比較多種變體。
- 初創業者與非設計人士:快速獲得原型級 UI,並導出流程可直接用於網站或 MVP 建置。
收費模式
- 目前免費:作為 Google Labs 的 Beta 公測專案,尚未對外收費,且無使用門檻或限制資訊。
- 未來可期變更:Google 若納入正式產品,可能導入使用次數配額或轉向訂閱制。尚無具體時間表。
常見問題與回答
Stitch 支援哪些輸入方式?
支援文字 prompt、圖片(草圖、wireframe、截圖)輸入。
能生成幾頁畫面?
通常 1–3 頁為佳,過長流程可能只能逐頁生成。
可輸出到哪些平台?
支援導出為 HTML/CSS,也能貼入 Figma 並保留布局結構。
生成的 UI 可以修改嗎?
可直接在 Stitch 中調整顏色、字體、元件,亦可貼到 Figma 做微調。
生成品質夠高嗎?
目前設計者認為仍偏 prototype 階段,尚未達成熟水準,適合初期構想使用。
支援哪些語言與模式?
目前僅支援英語 prompt,使用者可切換 Gemini Flash 與 Pro 模型;地區支援尚擴張中。
會收費嗎?
現階段完全免費,但未來有可能引入配額或付費模式尚未釐清。
Google Stitch 是一款將設計思維以文字與圖片 prompt 轉化為可用 UI 的實用工具,支援快速原型、交互迭代與導出開發 code,目前仍屬 Beta 階段免費服務,適合初創團隊、產品設計師與設計初學者,用於加速構思與提升溝通效率。隨著功能成熟與 Google Labs 評估,可能未來成為設計流程中值得期待的 AI 助手。