DESIGN.md Generator — Design System for AI Agents | design.dev

Visual editor for the open DESIGN.md spec. Build a tokenized design system AI coding agents can read and apply consistently.

1 System Name Description (optional) 2 Quick Start Generate from one color Brand color Generates a starter palette, scales, and components 3 Colors Semantic tokens 4 Typography Token name Font family Size Weight 5 Scales Spacing & Rounded 6 Components Map tokens to UI 7 Prose Sections The "why" for agents Overview Elevation & Depth Do's and Don'ts The quick brown fox A live preview of your design system rendered with the current tokens. Edit colors, typography, spacing, and components on the left to see the canvas update in real time. Card example Cards inherit your card-bg,…

saved by

• Aileen Luo
• Helen Huang
• Jie Hana

related reading

• ui.sh — Agent skills for interface buildersui.sh
• Wonder — What you see is what you shipwonder.design
• DESIGN.md Examples for AI Agents | Refero Stylesstyles.refero.design
• Subframe – The AI design tool built for codesubframe.com
• AI Design Tool for Product Teams | Magic Patternsmagicpatterns.com
• The Shape of AI | UX Patterns for Artificial Intelligence Designshapeof.ai
• Impeccable: The missing upgrade to Anthropic's impeccable skillimpeccable.style
• GitHub - Owl-Listener/designer-skills: Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, interaction, and delivery.github.com
• getdesign.md — DESIGN.md collection for AI coding agentsgetdesign.md
• GitHub - VoltAgent/awesome-design-md: A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.github.com
• UI Skills for Design Engineers | UI Skillsui-skills.com
• GitHub - dominikmartn/nothing-design-skill: A Claude Code skill for generating UI in the Nothing design language. Monochrome, typographic, industrial.github.com