A shared visual reference for coding agents
A DESIGN.md gives a coding agent a persistent description of a product's visual system. It records exact tokens alongside the reasoning that explains how to use them, so the agent has more than a screenshot or an isolated prompt.
This product adopts the Google DESIGN.md format. Google Labs Code describes the format as structured visual identity guidance for coding agents; this tool is an independent implementation and is not affiliated with, endorsed by, or partnered with Google.
Visual choices and agent instructions work together
Visual choices
Colors, typography, spacing, radii, layout, components, motion, and accessibility values are concrete decisions. The editor resolves these values for the preview and the generated document.
Agent instructions
Rationale, composition rules, implementation notes, and do/don't guidance explain intent. They help an agent apply the visual system in a consistent way.
Compatibility limits
The adopted Google specification is marked alpha and can evolve. Make Design MD keeps the Google-compatible front matter and canonical Markdown sections separate from its own documented extensions for themes, iconography, motion, accessibility, and implementation notes.
The exported file is guidance for an agent. To resume editing in this product, keep the JSON project backup; arbitrary DESIGN.md files are not imported as editable projects.