·8 分钟阅读

Google Stitch 提示词完整指南：从入门到精通

本文详细介绍如何为 Google Stitch 写出高质量的提示词，包括基础语法、高级技巧和常见错误避免方法。

S
Stitch Prompt Team
Content Team
Stitch 提示词教程Stitch PromptsTutorial

What is Google Stitch Prompt?

Google Stitch is an AI-powered UI design tool from Google. Unlike traditional design software, Stitch uses natural language prompts to generate interface designs. This means you don't need to manually drag and drop components - just describe what you want in words, and the AI will generate the design for you.

Basic Prompt Structure

A good Stitch prompt typically includes the following elements:

1. Platform Type

First, clarify what platform you're designing for:

  • Mobile: iOS or Android apps
  • Web: Web applications or websites
  • Dashboard: Data analysis or management backends

2. Functionality Description

Describe the main function of the page:

  • User registration/login page
  • Product showcase list
  • Shopping cart and checkout flow
  • Data visualization dashboard

3. Design Style

Specify the visual style you want:

  • Minimalist
  • Glassmorphism
  • Dark Mode
  • Gradient Neon

4. Layout Structure

Describe the page layout:

  • Single column layout
  • Grid layout
  • Sidebar + main content area
  • Card-based layout

Examples: From Simple to Complex

Basic Prompt

Design a mobile app login page

Intermediate Prompt

Design a modern e-commerce mobile app homepage with:
- Search bar at the top
- Product grid with images and prices
- Bottom navigation with 4 tabs
- Clean white background with accent colors

Advanced Prompt

Design a professional SaaS analytics dashboard with:
- Sidebar navigation with logo and menu items
- Top bar with search, notifications, and user avatar
- Main content area with:
  - 4 KPI cards showing key metrics
  - Line chart for trends
  - Bar graph for comparisons
  - Data table with sortable columns
- Dark mode theme with blue accent colors
- Clean typography and ample whitespace

Common Mistakes

❌ Too Vague

Design a nice app

✅ Just Right

Design a mobile app for tracking daily water intake with:
- Circular progress indicator showing daily goal
- Quick add buttons for common bottle sizes
- History chart showing weekly trends
- Minimalist design with blue and white colors
- Bottom tab navigation

Summary

The key to writing good Stitch prompts is:

  1. Be clear about the platform and purpose
  2. Describe specific functionality
  3. Specify the design style
  4. Keep it concise but complete

With practice and reference to the examples in this article, you'll quickly master Stitch prompt writing techniques.

← 返回博客