Set it up
- 1
Turn on Google Stitch in your AI
Add the Stitch connector (remote MCP) to your AI tool and sign in with your Google account, then ask it to design a screen or flow.
- 2
Sign in
Authorize Google Stitch once when prompted. No API key to manage.
- 3
Just ask
Tell it what you want in plain words — no special commands.
For example, say
“Design a mobile onboarding flow for a meditation app — three calm pastel screens — and give me the UI and code.”
Get the skill
A ready-made skill that teaches your AI agent to use Google Stitch well. Drops into Claude Code, Cursor and other agents.
npx plugins add google-labs-code/stitch-skills Quick skills
Copy one, paste it to your AI, watch it work.
Playful pricing page
“Design a playful pricing page for a coffee subscription app — three tiers, warm colors.”
Dark dashboard
“Design a dark-mode dashboard for a fitness tracker — steps, sleep and heart-rate cards.”
Onboarding flow
“Design a 3-screen onboarding flow for a meditation app with a soft pastel palette.”
When to use
- ✓ You want a screen designed from a description
- ✓ You want editable UI plus starter code
- ✓ You like free, official tools
When not to use
- × You need a finished production app, not a starting design
- × You want pixel-level manual control from the start
About
Stitch is Google's AI design tool: you describe an app or screen in plain English and it generates a complete, editable interface plus front-end code. Google ships an official remote connector, so an assistant like Claude can call Stitch directly and hand you the design and code.
It's an official Google Labs service, free in beta (just a Google account, no card).
Workflows That Use Google Stitch
FAQ
What does Google Stitch do? +
Stitch is Google's AI design tool: you describe an app or screen in plain English and it generates a complete, editable interface plus front-end code. Google ships an official remote connector, so an assistant like Claude can call Stitch directly and hand you the design and code.
Do I need to know how to code? +
No. Turn it on in your AI's settings and ask in plain English — no terminal, no coding.
When should I use Google Stitch? +
Reach for it when you need to: You want a screen designed from a description; You want editable UI plus starter code; You like free, official tools.
When should I avoid Google Stitch? +
Skip it when: You need a finished production app, not a starting design; You want pixel-level manual control from the start.
Is Google Stitch free? +
Google Stitch is free and open source.
How do I install Google Stitch? +
Add it to your client config with npx @_davideast/stitch-mcp. Copy-paste configs for Claude Desktop, Cursor, and Windsurf are at the top of this page.
