Design at the speed of AI

Transform ideas into UI designs for mobile and web applications

App

  • Web
  • 3 Flash
    • Make a catalog page with seasonal home decor items, listed in a minimalist grid layout with images, with seasons as filters. Light orange theme
    • A browse tab for a mobile app for romance and date night ideas
    • A mobile app for tracking your house plant collection with photos, watering streaks, and a 'plant graveyard' for the ones you've lost

Get started with templates

Use template
Web Template
SaaS Dashboard

Use template
Mobile Template
Health App

Use template
Mobile Template
Entertainment App

Use template
Mobile Template
Fashion App

Use template
Mobile Template
Utility App

Easy edits

Iterate and tweak designs to build an interface that works best for you.

Export code

Export static HTML code that matches the design and Figma export.

Build with Gemini

Leverage some of the latest AI models from Google DeepMind to generate designs.

Own your design

Use your original generations as you see fit. Export designs to Figma to fiddle further or copy the code to use how you'd like.

Vibe design is here

Stitch makes UI creation incredibly simple. No matter your background or expertise, Stitch will help you bring your ideas to life.

Start designing

Questions?

What is Google Stitch?

Google Stitch is an AI-native software design canvas developed by Google Labs. It bridges the gap between design and development by transforming natural language prompts, hand-drawn wireframes, or screenshots into fully editable user interfaces and production-ready front-end code.

Is Google Stitch free of charge?

Yes, Stitch is currently provided free of charge. It operates on a daily credit limit. You can see your credits and find more information in the Stitch settings page. Credits reset at midnight UTC.

Where is Stitch available?

Stitch is available in English to users 18+ in countries where Gemini is available.

Can I export my designs to Figma?

Yes. Stitch allows you to export your generated UI directly to Figma. Stitch creates properly structured Auto Layouts, named component layers, and editable text fields for seamless collaboration.

Does it generate working code?

Yes. Stitch doesn't just create visual mockups; it generates clean, semantic HTML and CSS (including Tailwind support). It provides a highly accurate starting point for front-end developers and agents.

Can I create interactive multi-screen flows?

Yes. You are no longer limited to generating one screen at a time. Stitch's new prototyping capabilities allow you to generate related screens within a single project and connect them with interaction hotspots, letting you click through a simulated user experience before ever writing backend code.

What is the new MCP (Model Context Protocol) integration?

Stitch has introduced robust MCP support, which allows it to connect seamlessly with external AI coding agents (like Anti-Gravity). Instead of a one-way export, this creates a two-way feedback loop: your AI coding agent can look at your Stitch designs, request direct layout edits, or automatically generate design variants for testing without you having to manually shuffle context between your design tool and your code editor.