# 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.

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.html` and `preview-dark.html` visual 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.*

## 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

## Integrations
Google Stitch, Cursor, Any AI coding agent, GitHub

## Platforms
WEB, API, CLI

## Pricing
Open Source

## Links
- Website: https://getdesign.md/
- Documentation: https://stitch.withgoogle.com/docs/design-md/overview/
- Repository: https://github.com/VoltAgent/awesome-design-md
- EveryDev.ai: https://www.everydev.ai/tools/awesome-design-md