How to Write Effective Google Stitch Prompts: Complete Writing Guide

Prompt Quality Determines Design Quality

In Google Stitch, your prompt is the only way to communicate with AI. A good prompt and a vague prompt can generate vastly different designs.

5 Elements of a Good Prompt

1. Clear Platform

First, tell Stitch which platform you're designing for:

Platform	Prompt Example
iOS App	"Design an iOS mobile app..."
Android App	"Design an Android mobile app..."
Web	"Design a web application..."
Admin	"Design an admin dashboard..."

2. Describe Layout Structure

Clear layout descriptions help AI understand the page skeleton:

✅ Good:
"Layout includes a top navbar, left sidebar menu, main content area with
4 KPI cards and data charts"

❌ Bad:
"A nice-looking page"

3. List Core Features

Enumerate the features the page needs:

Core features:
- User login form (email + password + remember me)
- Social login buttons (Google, Apple)
- Forgot password link
- New account registration entry

4. Specify Visual Style

Use specific design terminology to describe the style:

Common style keywords:

• Minimalist: Lots of whitespace, clean typography
• Glassmorphism: Translucent glass effects, blurred backgrounds
• Material Design: Card-based layout, elevation shadows
• Dark Mode: Dark backgrounds, high-contrast text
• Neumorphism: Soft shadows, embossed/depressed effects

5. Add Details

Finally, add precision details:

Additional details:
- Use Inter font family
- Primary color: blue (#2563EB)
- Border radius: 12px
- Card shadow: 0 4px 6px rgba(0,0,0,0.1)

Common Mistakes and Fixes

Mistake 1: Too Vague

❌ "Design a nice login page"
✅ "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"

Mistake 2: Information Overload

❌ Describing 10 pages in one prompt
✅ Focus on one page or one core feature at a time

Mistake 3: Missing Style Guidance

❌ "Design a dashboard with charts and tables"
✅ "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"

Template Library

Login Page Template

Design a [style] login page for [platform] with:
- [Email/phone] input field
- Password input with show/hide toggle
- [Social login options] login buttons
- Remember me checkbox
- Forgot password link
- Sign up link
- Background: [description]

Product Listing Template

Design a [platform] product listing page with:
- Search bar with filter icon
- Category tabs/pills
- [Grid/list] product view toggle
- Product cards: image, title, price, rating, add to cart button
- Sort dropdown and results count
- Style: [description]

Summary

Writing effective Stitch prompts isn't hard. Remember these 5 core elements: Platform → Layout → Features → Style → Details. Organize your prompts in this order, and AI will accurately understand your design intent.