Google dropped something interesting from Google Labs that every builder should know about: Stitch.
It's a free AI-powered UI design tool that generates complete user interfaces from natural language prompts. No Figma skills required. No design background needed. You describe what you want, and Stitch builds it.
Let's break down what it actually does.
Prompt-to-UI Generation
The core feature. Type a plain English description like "a mobile delivery app with a white background, orange accents, and card-style restaurant listings" and Stitch generates a complete layout with multiple screens, branding colors, and components. You can specify color palettes, typography, and UX preferences to fine-tune results. Generation takes about 60-90 seconds depending on complexity.
Image and Wireframe Input
In Experimental Mode (powered by Gemini 2.5 Pro), you can skip the text prompt entirely. Upload a hand-drawn sketch on paper, a whiteboard photo, a rough wireframe, or a screenshot of an existing interface. Stitch interprets the visual structure and generates a matching digital UI. This is a game-changer for turning brainstorming sessions directly into design artifacts.
Two Operating Modes
Stitch offers Standard Mode and Experimental Mode. Standard Mode is optimized for speed with more frequent generations, ideal for quick drafts and rapid ideation. Experimental Mode produces more detailed, refined designs and supports image-based prompts, but has lower usage limits. As of March 5, 2026, Experimental Mode now runs on Gemini 3.1 Pro for even higher quality outputs.
Iterative Design Refinement
You don't start over when you want changes. Select a screen, describe modifications in natural language ("make the background darker" or "add a search bar to the header"), and Stitch regenerates while maintaining context from your previous prompts. You can also multi-select screens with Shift+click and apply changes across all of them simultaneously.
Multi-Platform Output
Generate both mobile and web versions within the same project. Choose your target platform at creation time, and Stitch maintains consistency across device formats.
Prototype Creation
Since December 2025, Stitch includes a Prototypes feature that lets you design multiple related screens, connect them with interaction hotspots, create navigable user flows, and simulate the complete user experience. It went from static screen generator to full prototype tool.
Figma Export
Send your designs directly to Figma as editable frames with Auto Layout intact. The export preserves layout structure and allows full editing inside Figma for further refinement and developer handoff.
Production-Ready Code Export
Export clean HTML/CSS, Tailwind CSS, JSX, or React code. This isn't just a design mockup tool. The code output is structured for actual developer handoff and implementation.
MCP Server and Agent Skills
Google recently held its first Stitch Developer Week and announced an MCP server that allows AI coding agents to interact directly with Stitch designs. They also released Agent Skills, including a design-md Skill that generates a design system document as your "source of truth" and a react-components Skill that converts designs into React components.
Heatmap Simulation
Stitch can generate simulated heatmaps on your designs, helping you predict where users will focus their attention before you ever ship.
Why This Matters for Builders
If you're a solo operator or a small team shipping products, Stitch eliminates the design bottleneck. You go from idea to interactive prototype to production code without ever opening a traditional design tool. Combined with the new MCP integration, your AI coding agents can now pull designs directly from Stitch into your development pipeline.
It's free. It's at stitch.withgoogle.com. Go try it.
— Jason