Design
Google Stitch
AI-powered design tool from Google Labs that generates UI designs from text prompts. Produces HTML, CSS, design tokens, and DESIGN.md files for seamless design-to-code workflows.
by GoogleSource →
AI-powered design tool from Google Labs that generates UI designs from text prompts. Produces HTML, CSS, design tokens, and DESIGN.md files for seamless design-to-code workflows.
Google Stitch is an AI-native software design canvas from Google Labs, powered by Gemini. It generates high-fidelity UI designs from text descriptions, complete with structured outputs designed for AI coding agents.
Stitch produces machine-readable outputs alongside visual designs:
DESIGN.md file capturing the entire design system (colors, typography, spacing, component patterns)The Stitch MCP server (@_davideast/stitch-mcp) connects AI coding agents directly to Stitch:
build_site)# Install the MCP server
npm install -g @_davideast/stitch-mcp
Claude Code can then pull design data and translate it directly into code without manual export.
Stitch exports a DESIGN.md file that gives coding agents a persistent, structured understanding of the design system. This file can be dropped into Claude Code, Cursor, or any AI coding agent that reads context files.
DESIGN.md + HTML/CSS outputs