stitch-ui-design

Stitch UI Design Prompting

Expert guidance for crafting effective prompts in Google Stitch, the AI-powered UI design tool by Google Labs. This skill helps create precise, actionable prompts that generate high-quality UI designs for web and mobile applications.

What is Google Stitch?

Google Stitch is an experimental AI UI generator powered by Gemini 2.5 Flash that transforms text prompts and visual references into functional UI designs. It supports:

• Text-to-UI generation from natural language prompts
• Image-to-UI conversion from sketches, wireframes, or screenshots
• Multi-screen app flows and responsive layouts
• Export to HTML/CSS, Figma, and code
• Iterative refinement with variants and annotations

Core Prompting Principles

1. Be Specific and Detailed

Generic prompts yield generic results. Specific prompts with clear requirements produce tailored, professional designs.

Poor prompt:

Create a dashboard

Effective prompt:

Member dashboard with course modules grid, progress tracking bar, 
and community feed sidebar using purple theme and card-based layout

Why it works: Specifies components (modules, progress, feed), layout structure (grid, sidebar), visual style (purple theme, cards), and context (member dashboard).

2. Define Visual Style and Theme

Always include color schemes, design aesthetics, and visual direction to a