VoltAgent/awesome-design-md
A collection of 55+ DESIGN.md files extracted from popular brand design systems — Stripe, Figma, Linear, Notion, Vercel, GitHub, Supabase, and more. Drop one into your project, and AI coding agents (Claude Code, Cursor, Windsurf, Google Stitch) generate a matching UI automatically.Why this repo blew up. Launched March 31 2026. Hit 4,385 stars by April 9 — viral enough to land on GitHub's trending page. Nine days later it crossed 35K stars. At time of writing it's climbing past 55K with a 12.6% fork rate. That fork rate is the signal that matters: roughly 1 in 8 people who find the repo immediately copy a DESIGN.md into their own project. That's adoption, not bookmarking.What DESIGN.md actually is. A convention introduced by Google Stitch (Google's AI design tool) that captures an entire design system in plain markdown — colors, typography, spacing, component patterns, interaction rules. Because large language models read markdown natively, they can apply a design system without ever seeing a Figma file or a Tailwind config. You drop DESIGN.md into your repo root, and every AI coding agent in your stack now knows your brand.What's in the collection. Design specs for Stripe, Figma, Linear, Notion, Vercel, GitHub, Supabase, Discord, Apple, Airbnb, plus emerging design systems. Each file is ~200-500 lines of markdown describing the full design language. Copy the one closest to your aesthetic, tweak it, commit it, and your AI agents build UI that looks intentional instead of generic.The bigger shift. DESIGN.md is becoming the protocol layer between humans, design systems, and AI coding agents — the same way README.md became the default documentation format in the 2010s. Expect DESIGN.md to land as a default file in new-project scaffolders by end of 2026.If you're using Canva AI 2.0 for design assets and an AI coding agent like Lovable for implementation, DESIGN.md is the glue that keeps both in brand. See our full Canva AI 2.0 launch coverage for context on why plain-text design systems are having a moment.
Why It Matters
Markdown is becoming the protocol layer between humans, design systems, and AI coding agents. DESIGN.md turns a design language into LLM-native context that agents can apply without ever touching Figma. This repo collected the 55+ best examples — Stripe, Figma, Linear, Notion — and hit 35K stars in 9 days because developers immediately saw how to use it. If you're shipping UI with AI agents, dropping a DESIGN.md into your repo is the single highest-impact move of 2026.