·5 分鐘閱讀

Google Stitch 入門教學:快速上手 AI 介面設計

Google Stitch 入門指南,從註冊到生成第一個 UI 設計,零基礎也能快速上手這款 AI 驅動的介面設計工具。

S
Stitch Prompt Team
Content Team
Stitch 提示詞教學

什麼是 Google Stitch?

Google Stitch 是 Google 推出的 AI 驅動 UI 設計工具。你只需用自然語言描述想要的介面,AI 就能自動生成高品質的 UI 設計稿。無需 Figma 基礎,無需設計經驗——只需打字即可設計。

Google Stitch AI 設計工具

快速開始:5 步生成你的第一個設計

第 1 步:存取 Google Stitch

開啟瀏覽器,前往 Google Stitch 官網。使用 Google 帳號登入即可開始使用。

第 2 步:選擇設計模式

Stitch 提供兩種模式:

  • Standard Mode(標準模式):適合大多數設計情境,穩定可靠
  • Experimental Mode(實驗模式):嘗試最新的 AI 功能,可能有更多創意輸出

第 3 步:輸入提示詞

在輸入框中用自然語言描述你想要的介面。例如:

設計一個行動端健身追蹤應用程式的首頁,包含:
- 頂部顯示今日步數和卡路里消耗
- 中間是本週運動趨勢折線圖
- 底部有開始鍛鍊、歷史記錄和個人中心的導覽列
- 簡潔現代的設計風格,藍白配色

第 4 步:等待 AI 生成

Stitch 會根據你的描述自動生成 UI 設計。通常只需幾秒鐘,你就能看到結果。

第 5 步:匯出和使用

生成滿意的設計後,你可以:

  • 直接匯出設計稿
  • 進一步修改提示詞重新生成
  • 將設計作為開發參考

實用技巧

  1. 描述越具體越好:明確說明平台(行動端/網頁端)、功能和風格
  2. 多試幾次:同一提示詞可能生成不同結果,找到最滿意的版本
  3. 參考範本:從簡單的提示詞開始,逐步加入細節

常見問題

Q:Stitch 是免費的嗎? A:目前 Google Stitch 可以免費使用。

Q:需要設計基礎嗎? A:完全不需要。Stitch 的核心理念就是讓每個人都能透過文字建立 UI 設計。

總結

Google Stitch 降低了 UI 設計的門檻,讓產品經理、開發者和非設計師都能快速建立介面原型。立即嘗試,體驗 AI 設計的魔力!