Install Better Design in Claude Code
claude mcp add --transport http better-design https://better-design.com/api/mcp{
"mcpServers": {
"better-design": {
"url": "https://better-design.com/api/mcp"
}
}
}Your client opens a browser window to sign in on first use.
Frequently asked questions
What does the Better Design MCP server do?
Design systems, UI and UX principles, icons and UI review for AI coding agents.
Is the Better Design MCP server free?
The server is free, but you will likely need an account. The server itself is free, but it connects to a service that needs an account or API key, which may have paid tiers. Check the provider for current pricing.
Does Better Design run locally or remotely?
Remote. Hosted by the provider. You connect with a URL, nothing to install.
How do I add Better Design to Claude Code?
Run: claude mcp add --transport http better-design https://better-design.com/api/mcp
More art & design MCP servers
View allbetterimage.io
Social cards and OG images from designed templates or any page URL, plus link-preview checks.
Autodesk Inventor
effectustasi/autodesk-inventor-mcp
Connect AI assistants to a live Autodesk Inventor session over COM: inspect bodies and features, find sliver faces in imported models, dry-run Unwrap, and script the Inventor API.
Blender
ahujasid/blender-mcp
Connect AI assistants to Blender.
Architecture Viewer
tomyangod/architecture_viewer
Local architecture gate and CLI that diffs AI edits against git HEAD to detect new cross-layer dependencies and structural changes.
CleanVector
Generate SVG artwork and vectorize images; tools need a key.
Aesthete Agent
docsor1212/aesthete-agent
Mechanically validated frontend aesthetics for coding agents: an evidence-ranked palette library, OKLCH harmony generation, WCAG 2.2 + APCA contrast gates, color-blind simulation and AI-slop detection; installable as an agent skill or MCP server via uvx.