Local + RemoteFree server, account needed

Better Design MCP server

better-designs/better-design-plugin

A design harness for AI coding agents: design systems, design principles, icons and UI review.

1 GitHub stars4,539 npm downloads / month

Install Better Design in Claude Code

Remote URL

Claude Code
claude mcp add --transport http better-designs-better-design https://better-design.com/api/mcp
mcp.json (Claude Desktop, Cursor, VS Code, Windsurf)
{
  "mcpServers": {
    "better-designs-better-design": {
      "url": "https://better-design.com/api/mcp"
    }
  }
}

npm

Claude Code
claude mcp add better-designs-better-design -e BETTER_DESIGN_API_KEY=... -- npx -y better-design
mcp.json (Claude Desktop, Cursor, VS Code, Windsurf)
{
  "mcpServers": {
    "better-designs-better-design": {
      "command": "npx",
      "args": [
        "-y",
        "better-design"
      ],
      "env": {
        "BETTER_DESIGN_API_KEY": "..."
      }
    }
  }
}

Replace each ... with your own value.

Frequently asked questions

What does the Better Design MCP server do?

A design harness for AI coding agents: design systems, design principles, icons and UI review.

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?

Local + Remote. Can run locally or be used as a hosted remote server.

How do I add Better Design to Claude Code?

Run: claude mcp add --transport http better-designs-better-design https://better-design.com/api/mcp

More ai agents & coding agents MCP servers

View all