Stop Paying for Designers.
Vibe Design is Here.
Google Stitch generates designer-level UI from a prompt. Claude Code ships it. Together they replace your entire design-to-code workflow.
What's inside
- Generate designer-level UI from a one-line prompt
- Connect Stitch to Claude Code via MCP in 60 seconds
- Convert any design into production-ready React + Tailwind
- Ship to Vercel with two prompts — no designer needed
The Vibe Design Workflow — Claude Code + Google Stitch
by Divjot Sahni · EZYE Consulting · ezye.com.au
Step 1 — Generate UI with Google Stitch
Go to stitch.withgoogle.com — it's free
Describe what you want users to feel, not what it looks like
Example: 'Premium, dark, minimal. Stripe meets Awwwards.'
Stitch generates multiple designer-level UI directions in 90 seconds
Step 2 — Connect Stitch to Claude Code
Run: claude mcp add stitch --transport http https://stitch.googleapis.com/mcp --header "X-Goog-Api-Key: YOUR-API-KEY" -s user
Get your API key from the Stitch Exports panel
Your design files now flow directly into Claude Code — no screenshots, no copy paste
Free access — enter your email below