awesome-design-md

Table of content

what it is

collection of DESIGN.md files that capture design systems from popular websites (Stripe, Linear, Vercel, GitHub, Notion, Figma). format: colors, typography, spacing, components, patterns — all in markdown.

drop one into your project. coding agents read it, generate matching UI.

why it matters

most design handoff flows: designer → Figma → developer interprets → code.

awesome-design-md says: here’s the design system in markdown. agents read it, generate matching components directly.

when design becomes a text file agents can ingest, the bottleneck shifts from “interpret the mockup” to “execute the spec.”

the pattern

DESIGN.md as interface contract — not “here’s a PNG” but “here’s the ruleset, build it.”

this is the .md standardization wave hitting design. started with AGENTS.md, SKILLS.md, BACKLOG.md — now DESIGN.md.

every domain gets a markdown spec agents can parse.

status

trending GitHub search, 4,204 stars (2026-04-03). active development.

use case