Design systems your AI can actually read
One portable design.md file describes a whole design language — color, type, motion — for humans and coding agents alike.
Free & open · No account needed · Read the spec
---
name: DesignMD
category: developer-tools
tokens:
color:
brand:
primary: oklch(0.55 0.20 275)
secondary: oklch(0.68 0.15 200)
surface:
base: oklch(0.99 0.004 275)
radius:
md: 0.625rem
---Drops straight into the tools you already use
A growing catalog of hand-authored systems — every one validated and AA-checked.
One file. Every format.
Author once in design.md, export everywhere
The engine round-trips a single file into every format your stack and your AI tools already speak.
The canonical file — drop into a repo or paste into Claude or Cursor.
A Tailwind v4 @theme block, ready to import.
W3C DTCG design tokens for any build pipeline.
Tokens Studio format, for designers.
An instruction-shaped system prompt for coding agents.
Featured
Systems worth stealing
Browse by category
Find a starting point
Give your AI a design language
Stop nudging generic output toward a real aesthetic. Grab a system, drop it in, and ship something that looks like you meant it.