Google Stitch: the AI Tool That Generates Interfaces by Voice

Google just shipped a substantial update to Stitch, its AI design tool that generates mobile and web interfaces. Not a new product — it quietly launched at Google I/O 2025 — but this version is a real step up. Five new features, each more interesting than the last.

What Stitch Is and What Changed

Stitch is a Google Labs tool that generates high-fidelity UIs from text prompts, sketches, screenshots, or wireframes. Feed it an idea, it returns complete screens. Nothing radical so far. The difference is in how they rethought the interaction model.

The five major additions:

• AI-native canvas: an infinite canvas that integrates text, images, code, and UI components into a single workspace. It is not a visual editor with AI bolted on — the canvas itself is intelligent, understands project context, and suggests variations
• Voice commands: the most experimental piece. You can talk to the canvas via Gemini Live: "give me three menu variations", "darker palette", "add a hero section". Design becomes conversational
• Instant prototypes: static designs turn into clickable prototypes. Connect screens, define user flows, and the AI suggests logical next screens based on interactions
• Design systems: Stitch can extract a design system from any URL. Point it at a website and it pulls out colors, typography, spacing
• DESIGN.md: a markdown format designed to be readable by AI agents. It exports design rules into an .md file you can import into other development or design tools. This is the piece that makes Stitch interoperable

Why DESIGN.md Is the Most Relevant Feature

AI-generated interfaces are everywhere. The voice canvas is interesting but experimental. The real architectural novelty is DESIGN.md.

Today, design systems live in Figma, in proprietary JSON files, or in the designer's head. DESIGN.md is a structured markdown file that encodes visual rules — colors, typography, spacing, components — in a format any LLM can read and apply. If it works as advertised, you can export the design system from Stitch, feed it to a coding agent, and that agent generates code consistent with your brand without manual configuration.

Stitch also exports HTML/CSS and offers one-click export to Figma, AI Studio, and Antigravity. It is not a complete replacement for traditional design workflows yet, but the direction is clear: the design system becomes a portable artifact across AI tools.

Practical Limits

Stitch is in free beta on Google Labs, with generation limits. The voice canvas requires Gemini Live, which is not available everywhere. UI generation quality depends heavily on prompt specificity — vague prompts produce generic results.

The code export generates basic HTML and CSS, not React or Vue components. For a frontend engineer, it is a starting point, not a finished product. And like all AI design tools, there is a risk of generating interfaces that all look the same — the "AI look" is already recognizable.

That said, for rapid prototyping and ideation, Stitch is probably the most complete tool available right now. The fact that it is free and integrated into Google's ecosystem makes it accessible.

FAQ

Is Stitch free? Yes. It is available for free through Google Labs during the beta phase, with limits on the number of generations.

Can I use Stitch to generate React or Vue code? No. Stitch exports layout HTML and CSS. For framework-specific components, you need a manual step or another tool.

What is DESIGN.md? A markdown format that encodes design system rules (colors, typography, components) in a way that AI agents and other tools can read. You can export it from Stitch and import it elsewhere.