Google’s Stitch team just dropped a bomb on the design-to-code workflow: DESIGN.md. It is not just another documentation format; it is a declaration of independence for design tokens, formatted specifically for the age of autonomous AI design agents.
A Shared Visual Language
Traditionally, design systems are trapped in silos like Figma or complex CSS-in-JS libraries. DESIGN.md breaks these walls by using simple, portable Markdown and YAML. By standardizing how we describe colors, typography, and spacing in a human-readable file, Google is creating a “source of truth” that any developer, tool, or AI agent can import and act upon instantly.
"DESIGN.md provides the semantic intent that AI agents need to bridge the gap between abstract design and concrete implementation."
AI-First Design Tokens
What makes DESIGN.md revolutionary is its focus on Intent-Based Semantics. Instead of just seeing a hex code as a variable, an AI agent reading a DESIGN.md file understands its role—e.g., “primary brand color for high-emphasis buttons.” This allows tools like Stitch to generate accessible, on-brand UI layouts without human micro-management.
Accessibility by Design
The specification includes built-in support for WCAG validation. By embedding accessibility rules directly into the design format, Google ensures that any system derivative of DESIGN.md is inclusive from the very first line of code. It turns accessibility from an “audit” step into a foundational requirement.
Conclusion
By open-sourcing this specification, Google is inviting the community to build a more interoperable web. DESIGN.md is the bridge that will allow the next generation of AI design agents to collaborate with humans at scale, ensuring that beauty, utility, and accessibility are preserved across every digital surface.