Install the DESIGNmd MCP
Only ~2K tokens contextThe DESIGNmd MCP server lets your AI coding tool search, browse, and download design systems directly — without visiting the website. It's a thin MCP with 7 tools, adding roughly 2K tokens to your context window. Works with any MCP-compatible tool.
1
Install
Search, browse, and download kits — no account needed.
Claude Code
claude mcp add -s user designmd -- npx designmd-mcp
Cursor, Antigravity, and others
Add to your MCP config file (.cursor/mcp.json, ~/.gemini/antigravity/mcp_config.json, etc.):
{
"mcpServers": {
"designmd": {
"command": "npx",
"args": ["designmd-mcp"]
}
}
} 2
Enable uploading (optional)
Want to publish design systems from your editor? Create an API key and re-run the install with it.
Claude Code
claude mcp add -s user designmd -e DESIGNMD_API_KEY=dk_your-key-here -- npx designmd-mcp
Cursor, Antigravity, and others
Add the env block to your existing config:
{
"mcpServers": {
"designmd": {
"command": "npx",
"args": ["designmd-mcp"],
"env": {
"DESIGNMD_API_KEY": "dk_your-key-here"
}
}
}
} What you can do with it
Once installed, you can ask your AI coding agent things like:
- "Search DESIGNmd for a dark fintech design system"
- "Download the Neon Fintech design system and save it as DESIGN.md"
- "Find a minimal SaaS design system with Tailwind colors"
- "Show me trending design systems on DESIGNmd"
- "What tags are available on DESIGNmd?"
- "Upload my DESIGN.md to DESIGNmd" (requires API key)
- "Delete my old design system from DESIGNmd" (requires API key)
Want zero context window overhead?