Google Stitch

Google's vibe design product — AI-native infinite canvas, context-aware design agent, voice input, instant prototypes, MCP/SDK/skills handoff, and first-class DESIGN.md design-system files at stitch.withgoogle.com.

Mar 2026 relaunch (40,823 likes, 40,999 bookmarks): Source: X/@stitchbygoogle, 2026-03-18

Feature Detail
AI-native canvas Node-based infinite canvas; images, code, PRDs as seeds; parallel branches
Design agent Full-canvas context; logo swap, brand boards from one reference
Voice Voice-driven critique, variation, navigation, and concurrent canvas updates
Prototypes Play-button preview; auto-generated logical next screens; shareable links / mobile QR
DESIGN.md Native agent-readable design-system markdown; import/export design rules across tools
MCP / SDK / skills Stitch can bridge into other agent/dev workflows via MCP server, SDK, and Stitch skills

Source: X/@stitchbygoogle thread, 2026-03-18; Source: Google Keyword, 2026-03-18

DESIGN.md workflow (agent-shaped)

Stitch validates the pattern Kevin already ships:

  1. Human/designer — explore on Stitch canvas (voice + branches).
  2. Export DESIGN.md — tokens, typography, motion rules as markdown.
  3. Coding agent — consumes DESIGN.md via Frontend and Design Skills / Awesome Design MD / repo DESIGN.md.
  4. ImplementationFrontend and Design Skills + CSS UI Enforcement in Next.js.

Stitch = product-side generator; Frontend and Design Skills = skill-side generator for the same artifact format.

The old https://labs.google.com/stitch page now returns 404. Use https://stitch.withgoogle.com/ as the canonical product URL and the Google Keyword launch / DESIGN.md posts as the durable source documents. The DESIGN.md specification is now open-source in google-labs-code/design.md, release 0.3.0 published 2026-06-15, Apache-2.0, HEAD 2a19f5dd97ab887971b417ebdf1e7e8fda0c7f79, with 23,620 stars and 1,862 forks as of 2026-06-30. Source: Google Keyword, 2026-04-21; Source: GitHub google-labs-code/design.md, 2026-06-30

vs adjacent tools

Tool Role
Stitch Google-hosted vibe design + DESIGN.md
MagicPath (Web to Design) Design-to-code prototyping
v0 by Vercel Component codegen
Figma Pixel source of truth; weaker agent-native export

Route via Designtools.fyi when picking a design surface.

Stack fit (Kevin)

  • Dedalus marketing — rapid hero/landing explorations → export DESIGN.md → agent implements in website monorepo.
  • Not production CSS source — Stitch output is spec; Tailwind implementation stays in repo with lint gates.
  • Pair with Frontend and Design Skills skill when Kevin wants Stitch-compatible DESIGN.md without using the hosted product.

Timeline