Google Stitch 2.0

"Vibe Design" — From Idea to Production UI in Minutes

Infinite Canvas
5
Major New Features
0
Design Skills Required
NL
Natural Language First

Google Labs · Announced March 18, 2026 · Powered by Gemini 2.5 Pro · stitch.withgoogle.com

What is Stitch 2.0?

AI-Native Software Design Canvas — Not a Figma Clone

⚡ "Vibe design" — the design equivalent of vibe coding. Describe your UI in plain English and Stitch builds it, iterates it, and hands it off to developers.

🧠 Gemini 2.5 Pro Powered

Google's most capable model drives every generation — high-fidelity UI from text, sketches, or wireframes.

🎨 AI-Native Canvas

Built from the ground up as an AI tool — not a traditional design app with AI bolted on.

👤 For Everyone

Professional designers exploring dozens of variations AND founders building their first app interface with zero design background.

🔗 Design-to-Code Bridge

Connects directly to developer tools via MCP server, SDK, and DESIGN.md exports — no more design/dev handoff friction.

Josh Woodward, VP Google Labs: "AI works as a creativity multiplier, helping people explore many ideas quickly."

Feature 1: Infinite Canvas

Your Ideas Have Room to Grow

🖼️ A new AI-native infinite canvas that scales from early ideation all the way to working prototypes — in one continuous workspace.

📐 Explore Many Ideas

Generate dozens of layout variations side by side on the same canvas. Compare, iterate, and evolve — no switching between files.

🔄 Continuous Iteration

From rough concept to high-fidelity prototype without leaving the canvas. Early sketches live next to polished screens.

👥 Collaboration Built In

The canvas is designed for team collaboration — multiple people can work, review, and iterate together in real time.

💡 Intent-Driven Creation

Type what you want — "a dashboard for a crypto portfolio tracker" — and Stitch generates it directly on the canvas, ready to iterate.

Feature 2: Multi-Modal Input

Sketches, Screenshots, Wireframes — All Work

✏️ Sketch to UI

Draw a rough sketch on paper, upload it — Stitch converts it to a polished high-fidelity design automatically.

📸 Screenshot to Redesign

Drop in a screenshot of any existing UI and ask Stitch to redesign, restyle, or improve it with natural language instructions.

📋 Wireframe to Prototype

Start with a basic wireframe — Stitch fills in the visual design, components, and interactions automatically.

💬 Text Prompt

Describe your UI in plain English. "A dark mode SaaS dashboard with a left sidebar, stats grid, and data table" — done in seconds.

🔁 Click-to-Expand

Click any element on a generated screen — Stitch automatically creates the linked detail page or flow state.

🗺️ Full User Journeys

Generates complete flows: logged-in/out states, empty states, error states — with shareable links and mobile QR codes instantly.

Feature 3: Voice Design

Talk to Your Canvas

🎙️ Speak directly to your canvas. Stitch listens, critiques, interviews you, and makes real-time updates as you talk.

🗣️ Real-Time Commands

"Give me three different menu options" — Stitch generates all three live as you speak. No clicking required.

🎨 Live Style Updates

"Show me this screen in different color palettes" — Stitch cycles through variations in real time while you watch.

💬 Design Critique

Act as a sounding board — give real-time design feedback, suggest improvements, and explain tradeoffs verbally.

🎤 Interviewer Mode

"Design me a landing page" — Stitch interviews you with questions to understand your vision before generating anything.

🌊 Stay in Flow

Voice keeps you in your creative flow — no switching between keyboard, mouse, and prompt box while designing.

🤝 AI Creative Partner

Transforms AI from a tool into a collaborator — dynamic dialogue surfaces your best ideas through real-time critique.

Feature 4: Interactive Prototypes

From Static Screens to Clickable Apps — Instantly

🖱️ Click-to-Expand Flows

Click any element — a button, product image, menu item — and Stitch auto-generates the linked screen or detail page.

🔗 Complete User Journeys

Full flows generated automatically — logged-in/out views, empty states, error messages. No manual linking required.

📱 Instant QR Codes

Get a mobile QR code immediately — share your prototype with anyone for review on their actual phone.

🔗 Shareable Links

One-click shareable preview links — pitch to investors or share with clients in seconds, no account required to view.

⚡ Transitions Coming Soon

Transition and interaction design features are launching soon — full micro-animation and motion design in the pipeline.

🏃 Pitch-Ready in Seconds

Founders pitching investors or designers showing clients can preview working app flows in seconds instead of hours.

Feature 5: Design Systems & DESIGN.md

Consistency Across Every Project and Handoff

📄 DESIGN.md — a new open format that moves design rules between tools. Edit once, update everywhere.

🎨 Auto Design System

Every new Stitch project starts with an automatic design system — fonts, colors, spacing, components all defined from the start.

🔄 Edit Once, Update All

Change the design system once — every connected screen updates automatically. No hunting through individual files.

🌐 Pull from Any Website

Point Stitch at any website URL — it extracts the design system (colors, typography, spacing) and applies it to your project.

📤 Export to Dev Tools

Export DESIGN.md to AI Studio or Antigravity — your design rules travel with the handoff, keeping design and code in sync.

📥 Import from Code

Pull design rules from existing codebases into a new Stitch project — perfect for redesigns without starting from scratch.

🤝 Design-Dev Sync

Fonts, spacing, colours, and component styles move with DESIGN.md across projects and team handoffs. No more inconsistency.

MCP Server, SDK & Skills

Stitch as a Platform — Not Just a Tool

🔌 MCP Server

Stitch's Model Context Protocol server lets external tools call Stitch's design capabilities programmatically — integrate it into any workflow.

🛠️ Stitch SDK

Open-source SDK on GitHub — build custom integrations, automate design workflows, and extend Stitch with your own tooling.

⚡ Skills (2.4k ★)

Community-built skills via the Stitch Skills repo — pre-built capabilities you can plug into your Stitch workflow instantly.

🎯 AI Studio Export

Export designs directly to Google AI Studio — seamless handoff from design to AI-assisted development.

🚀 Antigravity Integration

Export to Antigravity for development — design rules travel with the export, keeping design and implementation in sync.

🔗 Full Workflow Bridge

Stitch connects the full chain: ideation → design → prototype → developer handoff → code — without leaving the ecosystem.

Stitch 2.0 vs The Competition

Where It Fits in the AI Design Landscape

✅ Stitch 2.0 (Google)

  • Design-first, AI-native canvas
  • Voice input + real-time critique
  • DESIGN.md portable design system
  • Multi-modal: text, sketch, screenshot
  • MCP server + SDK (open platform)
  • Free via Google Labs

⚖️ v0 (Vercel)

  • Code-first (React/Next.js output)
  • Great for devs, harder for designers
  • No voice, no infinite canvas
  • Strong Vercel ecosystem integration
  • Paid tiers

⚖️ Lovable

  • Full-stack app builder
  • Goes further (backend + DB)
  • Less design-focused than Stitch
  • No DESIGN.md / portable design system
  • Paid tiers
Stitch wins on: design fidelity, voice interaction, portable design systems, and Google ecosystem integration. v0/Lovable win on: full-stack output and shipping production code.

Who Should Use Stitch 2.0?

And What To Use It For

✅ Founders & Non-Designers

Build your first app interface without any design skills. Describe it, iterate with voice, share with investors — all in minutes.

✅ Professional Designers

Explore 10x more variations in the same time. Use Stitch for rapid ideation and iteration before finalizing in your design tool of choice.

✅ Product Managers

Mockup ideas quickly for stakeholder alignment — no Figma skills needed. Turn user stories into clickable prototypes in minutes.

✅ Dev Teams

Use DESIGN.md exports to get design-consistent code. Bridge the gap between design and implementation with AI Studio and Antigravity.

✅ Content Creators

Design thumbnails, landing pages, and app mockups for videos and presentations — fast, professional, zero design overhead.

⚙️ Not For: Production Code

Stitch outputs design, not deployable code. For full-stack generation, pair with v0, Lovable, or export via Antigravity.

The Vibe Design Workflow

Idea to Prototype in Minutes

1
Describe
Type or speak your UI idea in plain English — or upload a sketch/screenshot
2
Generate
Stitch creates high-fidelity UI on the infinite canvas — multiple variations at once
3
Iterate
Refine with voice, text prompts, or clicks — explore dozens of directions fast
4
Prototype
Click elements to expand flows — full user journeys with shareable links and QR codes
5
Export
Export DESIGN.md to AI Studio or Antigravity — hand off to developers with design system intact
Gap from idea to reality: days → minutes. That's the Stitch 2.0 promise.

Get Started with Stitch 2.0

Links & Resources

🌐 Stitch

stitch.withgoogle.com
Try it free — Google Labs product, no waitlist

📖 Official Announcement

Google Blog — "Introducing Vibe Design"
March 18, 2026 · Rustin Banks, Product Manager

🔌 MCP Server Docs

stitch.withgoogle.com/docs/mcp/setup
Set up MCP integration for your workflow

⭐ Stitch Skills (2.4k stars)

github.com/google-labs-code/stitch-skills
Community-built skills and extensions

🛠️ Stitch SDK

github.com/google-labs-code/stitch-sdk
Build custom integrations and automations

boxmining.com | AI Tricks That Actually Work