getdesign.md — Drop-in DESIGN.md Files from 300+ Real Websites
300+ DESIGN.md design-system analyses extracted from real websites — Airbnb, Apple, Stripe, BMW and more. Pick one, drop it into your project, and your AI coding agent inherits the colors, type, and spacing. You don't need to know any of it.
getdesign.md does one thing, stated plainly: it reverse-engineers real websites' design systems into DESIGN.md files (following Google's DESIGN.md spec) and catalogs them — colors, typography, spacing, components, and the rationale behind them, all structured.
The catalog covers 300+ sites across AI platforms, developer tools, e-commerce, automotive, and media, each with a one-line style portrait: Airbnb is "warm coral accent, photography-driven, rounded UI"; Framer is "bold black and blue, motion-first".
Usage is pick-and-drop: hand a DESIGN.md to your AI coding agent and it builds UI to that spec instead of improvising. The public catalog is free to browse; a paid service produces a private DESIGN.md analysis for your own site.
Maintained by the VoltAgent team (an AI agent framework). For developers who want AI output with pedigreed taste — especially those already on a DESIGN.md workflow (e.g. with Open Design).
FAQ
What is getdesign.md?
A DESIGN.md catalog: 300+ real websites' design systems (Airbnb, Apple, Stripe, BMW…) reverse-engineered into structured DESIGN.md files for AI coding agents.
What is a DESIGN.md?
A structured design-reference document following Google's DESIGN.md spec: colors, typography, spacing, components, and rationale written as a design brief an AI can execute against.
How do I use one?
Pick a DESIGN.md and drop it into your project — your AI coding agent builds UI to that spec. Colors, type, and spacing come included; you don't need to know any of it.
Is it free?
The public catalog is free to browse; a custom private DESIGN.md analysis for your own site is a paid service.
Who maintains it?
The team behind VoltAgent, an AI agent framework.