Guides
DESIGN.md and design system guides
What is DESIGN.md, how do you use it with AI coding tools, and how do you set up design tokens? Guides to teaching AI your brand.
What Is DESIGN.md? Structure, Example and Use in AI Tools
DESIGN.md gathers a brand's color, typography and component rules into a single Markdown file that AI coding tools can read. We cover its structure, an example and how to create one.
How to Use DESIGN.md in Claude Code, Cursor and v0
A step-by-step guide to connecting your DESIGN.md file to Claude Code, Cursor, v0, GitHub Copilot and tools that support AGENTS.md, with sample instructions and prompt patterns.
What Are Design Tokens? CSS Variables, Tailwind Themes and JSON Tokens
Design tokens turn design decisions such as color, typeface, spacing and corner radius into named values. We walk through primitive, semantic and component tokens with their CSS, Tailwind and JSON equivalents.
MakeMyMD
Create your brand’s DESIGN.md in minutes
Upload your logo or PDF brand guidelines, or start from scratch; the wizard walks you through color, typography and component rules step by step.