Awesome DESIGN.md
A curated open-source collection of DESIGN.md files extracted from real websites, enabling AI agents to generate pixel-perfect, consistent UI by reading plain-text design system documents.
At a Glance
Fully free and open-source under the MIT License. All DESIGN.md files are free to use, modify, and distribute.
Engagement
Available On
Listed Apr 2026
About Awesome DESIGN.md
Awesome DESIGN.md is a curated open-source collection of DESIGN.md files inspired by real, well-known developer-focused websites. Each file is a plain-text markdown design system document that AI coding agents can read to generate consistent, pixel-perfect UI matching the visual identity of popular products. The project is hosted on GitHub under the MIT License and has a browsable frontend at getdesign.md. With 69+ DESIGN.md files covering categories from AI platforms to automotive brands, it provides an instant design vocabulary for any AI-assisted project.
Key Features:
- Ready-to-use DESIGN.md files — Copy a file into your project root and point your AI coding agent at it to instantly adopt a site's design language.
- Broad coverage — 69+ files spanning AI/LLM platforms, developer tools, fintech, e-commerce, media, and automotive brands including Stripe, Figma, Vercel, Apple, and Tesla.
- Structured format — Each file follows the Google Stitch DESIGN.md format with sections for visual theme, color palette, typography, component styling, layout principles, depth/elevation, do's and don'ts, responsive behavior, and an agent prompt guide.
- Preview files included — Every site entry ships with a
preview.htmlandpreview-dark.htmlvisual catalog showing color swatches, type scale, buttons, and cards. - Request a DESIGN.md — Submit a request at getdesign.md/request for a specific website, including private requests delivered exclusively to you.
- MIT Licensed — Free to use, modify, and distribute; contributions welcome via GitHub pull requests.
- Google Stitch compatible — Files conform to the Stitch DESIGN.md format, making them directly usable with Google Stitch and any AI coding agent that reads markdown.
- Community-driven — Open contribution model with guidelines in CONTRIBUTING.md; maintainers review issues before PRs are merged.
Community Discussions
Be the first to start a conversation about Awesome DESIGN.md
Share your experience with Awesome DESIGN.md, ask questions, or help others learn from your insights.
Pricing
Open Source (MIT)
Fully free and open-source under the MIT License. All DESIGN.md files are free to use, modify, and distribute.
- 69+ DESIGN.md files
- Preview HTML files (light and dark)
- MIT License
- Community contributions
- Google Stitch format compatibility
Capabilities
Key Features
- 69+ curated DESIGN.md files
- Google Stitch DESIGN.md format compatibility
- Color palette and typography documentation
- Component styling guides
- Layout and spacing principles
- Responsive behavior documentation
- Agent prompt guides
- Preview HTML files (light and dark)
- Request a DESIGN.md for any website
- MIT License - free to use and modify
