Question 1

What is Design.md Store?

Accepted Answer

Design.md Store is a curated marketplace for DESIGN.md files — structured design system specifications in a single Markdown file that AI coding assistants like Claude, Cursor, and GitHub Copilot can read directly. It offers 30+ design system files inspired by real production design systems including Stripe, Apple, Coinbase, Starbucks, and Uber.

Question 2

What is a DESIGN.md file?

Accepted Answer

A DESIGN.md file is an open-format specification developed by Google Labs (Apache 2.0 license) that describes a product's visual design system to AI coding agents. It combines a YAML front matter block of design tokens — colors, typography, spacing, and components — with a human-readable Markdown body explaining design rationale. AI tools use it to generate consistent, on-brand UI code without back-and-forth prompting.

Question 3

How do I use a DESIGN.md file with Claude?

Accepted Answer

Drop the DESIGN.md file into the root of your project. Claude Code reads it automatically as project context. For Claude.ai, attach it directly to your conversation. The AI assistant then applies the design tokens and brand guidelines when generating UI components or code.

Question 4

How do I use a DESIGN.md file with Cursor?

Accepted Answer

Place the DESIGN.md file in your project root and reference it in Cursor with @DESIGN.md. Cursor includes it as context when generating code, ensuring consistent design token usage — correct colors, typography, spacing, and component patterns — across your entire project.

Question 5

Is Design.md Store free?

Accepted Answer

Yes. Design.md Store offers a free tier with access to 30+ curated design system files. No credit card is required to download free files. Simply sign in with GitHub or email and download immediately.

Question 6

What design systems are available on Design.md Store?

Accepted Answer

Design.md Store includes design system files inspired by Stripe, Apple, Coinbase, Starbucks, Uber, Mastercard, PlayStation, Airtable, Vodafone, The Verge, and Claude. The library spans fintech, tech, retail, food and beverage, gaming, and media — with new files added regularly.

Question 7

How is Design.md Store different from Figma files or CSS frameworks?

Accepted Answer

Unlike Figma files or CSS frameworks, DESIGN.md files are plain text that AI coding assistants read directly as context. There is no plugin, no build step, and no proprietary tooling — just a single Markdown file at your project root. This makes them version-controllable in Git, human-readable, and instantly usable in any AI workflow.

The marketplace for design.md files.

From the blog

How to Use Claude Design With DESIGN.md Files for On-Brand UI

Google Stitch and DESIGN.md: The Workflow Most Designers Are Missing

Beyond Vibe Coding: The Three-Layer Spec Stack Every AI Project Needs

Stay in the loop