Back to catalog

About DesignMD

What is DESIGN.md?

DESIGN.md is a plain-text design system document format popularized by Google Stitch. It captures a brand's visual language: colors, typography, spacing, and tone, in a format that AI coding agents can read and apply when generating UI.

Instead of describing your desired aesthetic in prose, you hand the agent a structured DESIGN.md and it generates components that already match the target look and feel.

Works with

  • Claude Code
  • Cursor
  • Windsurf
  • Google Stitch
  • Any AI coding agent that accepts system prompts

Credits

The seed catalog of 70+ designs was extracted and published by VoltAgent's awesome-design-md under the MIT License. DesignMD builds on their work with a better presentation layer and an agent-native discovery experience.

What's coming

  • MCP server — query the catalog directly from your agent with search_designs, get_design, and more.
  • Semantic search — find designs by vibe, not just name. "Dark fintech with green accent."
  • On-demand extraction — submit any URL and get a DESIGN.md back.