DESIGN.md

Overview

DESIGN.md is a plain-text design system document that AI agents read to generate consistent UI. Introduced by Google Stitch, it captures colors, typography, components, spacing, and design philosophy in markdown — the format LLMs read best.

Think of it as AGENTS.md for design: AGENTS.md tells agents how to build, DESIGN.md tells agents how things should look.

Instructions

Using a DESIGN.md

1. Copy a DESIGN.md into your project root
2. Tell your AI agent: "Build a landing page following DESIGN.md"
3. The agent reads colors, typography, components, and layout rules
4. Generated UI matches the design system consistently

Structure of a DESIGN.md