Google Stitch – AI from Google for UI and code: three Gemini 3 modes + export to Figma
Next step
Open the bot or continue inside this section.
Article -> plan in AI
Paste this article URL into any AI and get an implementation plan for your project.
Read this article: https://vibecode.morecil.ru/en/interfeis-i-sayty/google-stich-ii-dlya-ui/
Work in my current project context.
Create an implementation plan for this stack:
1) what to change
2) which files to edit
3) risks and typical mistakes
4) how to verify everything works
If there are options, provide "quick" and "production-ready". How to use
- Copy this prompt and send it to your AI chat.
- Attach your project or open the repository folder in the AI tool.
- Ask for file-level changes, risks, and a quick verification checklist.
What is Stitch now
Google Labs experiment (launched May 2025, big update with Gemini 3 – December 2025) Turns text, sketch or screenshot → ready-made UI (mobile + web) + production-ready code (HTML + Tailwind, sometimes React).
The tagline is “From idea to app.”.
Ideal for Vibcoders: Idea → 3-4 UI variants in 1-2 minutes → immediately in Figma or Cursor.
How to get started
- https://stitch.withgoogle.comXX
- Login Google account
- Turn off Allow AI model training
- Limits (updated monthly):
- ~350-400 generation per month (depending on the regime)
- Enough for 4-5 full applications
Three current modes
| Mode | Model | Best for | Speed | Quality | Image support | Direct export to Figma |
|---|---|---|---|---|---|---|
| 3 Flash | Gemini 3.0 Flash | Fast HTML mockups, high-volume generation, code | ★★★★★ | ★★★★ | No | Yes |
| Thinking with 3 Pro | Gemini 3 Pro | Maximum quality, complex logic, dashboards | ★★ | ★★★★★ | Yes | Yes |
| Redesign | Nano Banana Pro | Redesign of existing apps and websites | ★★★ | ★★★★★ | Required (screenshot) | No |
All functions
- UI (the most powerful prompt mode)
- UI (Thinking with 3 Pro and Redesign only)
- Interactive chat refining (choose screen → write “dark theme + distance to the store”)
- Options (Shift + click on multiple screens → change everything at once)
- Prototypes (December 2025) – connect screens with arrows → clickable flow
- Theme selectors (one click: light/dark, whole palette)
- Redesign – Upload a screenshot of a competitor or your old app → “Make iOS 2026-style minimalism”
Exports – What Really Works in 2026
Figma (in all three modes!)
- "Export → Figma" button
- Right-hand button "Copy to Figma"
- Insert all layers editable in Figma + Auto Layout (If it doesn’t work, copy the code and use the free plugin html.to.design or Stitch to Figma.)
Code
- View Code → pure HTML + Tailwind CSS (sometimes React + shadcn)
- Download the entire project .zip
- Production-ready code with proper semantics
Real workflow
- Download a screenshot of an old app
- Thinking with 3 Pro is perfect
- Switching to 3 Flash → making 5-6 extra screens
- Export → Figma (all at once)
- Turn this Tailwind into Next.js 15 + shadcn/ui + TypeScript
Pros and cons
Plus
- Three modes cover 95% of tasks
- Figma Exports Are Now Really in All
- Nano Banana Pro in Redesign is the best in the world for text preservation and branding
- Prototypes inside the instrument
- Free and generous limits
- Minuses*
- Thinking with 3 Pro sometimes takes longer (30-90 seconds)
- Dashboards still require 1-2 manual edits in Figma
- No direct export to SwiftUI/Jetpack Compose (web only)
Conclusion
In February 2026, Google Stitch finally became a powerful tool for Vibcoders. Three modes + Figma-export.
** Direct reference:** https://stitch.withgoogle.com