如何寫出高效的 Google Stitch 提示詞：完整寫作指南

提示詞品質決定設計品質

在 Google Stitch 中，提示詞是你與 AI 溝通的唯一方式。一個好的提示詞和一個模糊的提示詞，生成的設計可能天差地別。

好提示詞的 5 個要素

1. 明確平台

首先告訴 Stitch 你在為哪個平台設計：

平台類型	提示詞範例
iOS 應用	"Design an iOS mobile app..."
Android 應用	"Design an Android mobile app..."
網頁端	"Design a web application..."
後台系統	"Design an admin dashboard..."

2. 描述版面結構

清晰的版面描述幫助 AI 理解頁面骨架：

✅ 好的寫法：
「版面包含頂部導覽列、左側邊欄選單、主內容區有 4 個 KPI 卡片和資料圖表」

❌ 差的寫法：
「一個好看的頁面」

3. 列出核心功能

逐條列出頁面需要實作的功能：

核心功能：
- 使用者登入表單（電子郵件 + 密碼 + 記住我）
- 第三方登入按鈕（Google、Apple）
- 忘記密碼連結
- 註冊新帳號入口

4. 指定視覺風格

用具體的設計術語描述風格：

常用風格關鍵字：

• Minimalist（極簡）：大量留白、簡潔排版
• Glassmorphism（毛玻璃）：半透明玻璃效果、模糊背景
• Material Design：卡片式版面、陰影層級
• Dark Mode（暗黑模式）：深色背景、高對比文字
• Neumorphism（新擬態）：柔和陰影、凸起/凹陷效果

5. 補充細節

最後加入讓設計更精確的細節：

細節補充：
- 使用 Inter 字型
- 主色調為藍色 (#2563EB)
- 圓角 12px
- 卡片陰影 0 4px 6px rgba(0,0,0,0.1)

常見錯誤與修正

錯誤 1：太模糊

❌ "設計一個好看的登入頁面"
✅ "Design a modern login page for a SaaS web app with:
   - Email and password input fields
   - 'Remember me' checkbox
   - Blue gradient submit button
   - Google and GitHub social login options
   - Clean white background with subtle geometric patterns
   - Centered card layout, max-width 420px"

錯誤 2：資訊過載

❌ 一次性描述 10 個頁面的內容
✅ 每次只描述一個頁面或一個核心功能

錯誤 3：缺乏風格指導

❌ "設計一個儀表板，有圖表和表格"
✅ "Design a SaaS analytics dashboard in dark mode with:
   - Sidebar with collapsible menu sections
   - Top KPI cards with sparkline charts
   - Main area: area chart for trends + bar chart for comparison
   - Data table with sort and filter controls
   - Color scheme: dark gray (#1E1E2E) background with blue (#3B82F6) accents"

實戰範本庫

登入頁面範本

Design a [風格] login page for [平台] with:
- [電子郵件/手機號碼] input field
- Password input with show/hide toggle
- [社群登入選項] login buttons
- Remember me checkbox
- Forgot password link
- Sign up link
- Background: [描述]

產品列表範本

Design a [平台] product listing page with:
- Search bar with filter icon
- Category tabs/pills
- [網格/列表] product view toggle
- Product cards: image, title, price, rating, add to cart button
- Sort dropdown and results count
- Style: [描述]

總結

寫出高效的 Stitch 提示詞並不難，記住這 5 個核心要素：平台 → 版面 → 功能 → 風格 → 細節。按照這個順序組織你的提示詞，AI 就能準確理解你的設計意圖。