vibecode.wiki
RU EN
~/wiki / interfeis-i-sayty / google-stich-ii-dlya-ui

Google Stitch – AI from Google for UI and code: three Gemini 3 modes + export to Figma

◷ 3 min read 2/22/2026

Main chat

A chat for vibe coders: news, guides, live cases, marketplace, and finding executors.

$ cd section/ $ join vibe dev

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

  1. https://stitch.withgoogle.comXX
  2. Login Google account
  3. Turn off Allow AI model training
  4. 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

  1. 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.)
  2. Code

    • View Code → pure HTML + Tailwind CSS (sometimes React + shadcn)
    • Download the entire project .zip
    • Production-ready code with proper semantics

Real workflow

  1. Download a screenshot of an old app
  2. Thinking with 3 Pro is perfect
  3. Switching to 3 Flash → making 5-6 extra screens
  4. Export → Figma (all at once)
  5. 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