Best MCP Servers for Design (2026)

A data-ranked shortlist of the 12 strongest MCP servers for design — every entry links to its full page with copy-paste configs for Claude Desktop, Claude Code, Cursor, VS Code and Windsurf. List compiled 2026-10-28; rankings refresh as the underlying data updates.

How entries are picked: An entry is eligible only if it meets at least one of: 10+ GitHub stars, 100+ monthly npm/PyPI downloads, or a verified official/reference tier on its brand page; entries meeting none of the three are excluded, as are archived repositories. Eligible entries are ranked by a score built from: GitHub stars — multiplied by 10 when the entry has a verified official/reference tier, so official status counts as ten times the community traction rather than a flat bonus; maintenance recency (last push); and npm/PyPI downloads where available. Two tie-break rules keep the list honest: when the same repository is shared by several listings, its star count does not contribute to ranking (the shared figure would otherwise swamp independent projects), and when several implementations share a product name, only the highest-scoring one is listed — the others stay in the directory. Data comes from the public MCP Registry (description, install method), GitHub repository stats and package download counts — no editorial scoring, no paid inclusion, and sponsorship never affects these lists.

PhotoCraft

Officialby storytold

Open-source photo editor written from scratch in pure Rust (PSD layers, masks, smart objects, Camera Raw style adjustments). 500+ commands drive the same engine from the UI, CLI, JSON control channel or the built-in MCP server.

⭐ 66,559 starsLast push: 2026-10-18License: Apache-2.0Repository ↗Full page & details →

Install with your client

Claude Desktopconfig JSON

Claude Desktop

{
  "mcpServers": {
    "photocraft": {
      "note": "no public install method listed — see its page"
    }
  }
}

Claude CodeCLI command

Claude Code

# photocraft: no public install method listed — see its page

Cursorconfig JSON

Cursor

{
  "mcpServers": {
    "photocraft": {
      "note": "no public install method listed — see its page"
    }
  }
}

VS Codeconfig JSON

VS Code

{
  "servers": {
    "photocraft": {
      "note": "no public install method listed — see its page"
    }
  }
}

Windsurfconfig JSON

Windsurf

{
  "mcpServers": {
    "photocraft": {
      "note": "no public install method listed — see its page"
    }
  }
}

Figma Context MCP

by GLips

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

⭐ 16,002 starsLast push: 2026-10-16License: MIT348,888/mo downloadsRepository ↗Full page & details →

Install with your client

Claude Desktopconfig JSON

Claude Desktop

{
  "mcpServers": {
    "figma-context-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp"
      ],
      "env": {
        "FIGMA_API_KEY": "<YOUR_FIGMA_API_KEY>"
      }
    }
  }
}

Claude CodeCLI command

Claude Code

claude mcp add --env FIGMA_API_KEY=<YOUR_FIGMA_API_KEY> figma-context-mcp -- npx -y figma-developer-mcp

Cursorconfig JSON

Cursor

{
  "mcpServers": {
    "figma-context-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp"
      ],
      "env": {
        "FIGMA_API_KEY": "<YOUR_FIGMA_API_KEY>"
      }
    }
  }
}

VS Codeconfig JSON

VS Code

{
  "servers": {
    "figma-context-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp"
      ],
      "env": {
        "FIGMA_API_KEY": "<YOUR_FIGMA_API_KEY>"
      }
    }
  }
}

Windsurfconfig JSON

Windsurf

{
  "mcpServers": {
    "figma-context-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp"
      ],
      "env": {
        "FIGMA_API_KEY": "<YOUR_FIGMA_API_KEY>"
      }
    }
  }
}

Keys / environment: FIGMA_API_KEY

Make

Officialby integromat

Make MCP Server

⭐ 173 starsLast push: 2026-10-14License: MIT1,480/mo downloadsRepository ↗Full page & details →

Install with your client

Claude Desktopconfig JSON

Claude Desktop

{
  "mcpServers": {
    "make": {
      "command": "npx",
      "args": [
        "-y",
        "@makehq/mcp-server"
      ]
    }
  }
}

Claude CodeCLI command

Claude Code

claude mcp add make -- npx -y @makehq/mcp-server

Cursorconfig JSON

Cursor

{
  "mcpServers": {
    "make": {
      "command": "npx",
      "args": [
        "-y",
        "@makehq/mcp-server"
      ]
    }
  }
}

VS Codeconfig JSON

VS Code

{
  "servers": {
    "make": {
      "command": "npx",
      "args": [
        "-y",
        "@makehq/mcp-server"
      ]
    }
  }
}

Windsurfconfig JSON

Windsurf

{
  "mcpServers": {
    "make": {
      "command": "npx",
      "args": [
        "-y",
        "@makehq/mcp-server"
      ]
    }
  }
}

YouTube

Referenceby Klavis-AI

Klavis AI: MCP integration platforms that let AI agents use tools reliably at any scale

⭐ 5,813 starsLast push: 2026-06-01License: Apache-2.0Repository ↗Full page & details →

Install with your client

Claude Desktopconfig JSON

Claude Desktop

{
  "mcpServers": {
    "youtube": {
      "note": "no public install method listed — see its page"
    }
  }
}

Claude CodeCLI command

Claude Code

# youtube: no public install method listed — see its page

Cursorconfig JSON

Cursor

{
  "mcpServers": {
    "youtube": {
      "note": "no public install method listed — see its page"
    }
  }
}

VS Codeconfig JSON

VS Code

{
  "servers": {
    "youtube": {
      "note": "no public install method listed — see its page"
    }
  }
}

Windsurfconfig JSON

Windsurf

{
  "mcpServers": {
    "youtube": {
      "note": "no public install method listed — see its page"
    }
  }
}

Figma MCP Server

Remote only — needs a client that connects over HTTP/SSEby figma

The Figma MCP server brings Figma design context directly into your AI workflow.

⭐ 2,082 starsLast push: 2026-10-15License: —Repository ↗Full page & details →

Install with your client

Claude Desktopconfig JSON

Claude Desktop

{
  "mcpServers": {
    "mcp-427": {
      "url": "https://mcp.figma.com/mcp"
    }
  }
}

Claude Desktop connects remote servers via Settings → Connectors → Add custom connector (paste the URL).

Claude CodeCLI command

Claude Code

claude mcp add --transport http mcp-427 https://mcp.figma.com/mcp

Cursorconfig JSON

Cursor

{
  "mcpServers": {
    "mcp-427": {
      "url": "https://mcp.figma.com/mcp"
    }
  }
}

VS Codeconfig JSON

VS Code

{
  "servers": {
    "mcp-427": {
      "type": "http",
      "url": "https://mcp.figma.com/mcp"
    }
  }
}

Windsurfconfig JSON

Windsurf

{
  "mcpServers": {
    "mcp-427": {
      "serverUrl": "https://mcp.figma.com/mcp"
    }
  }
}

gflow-cli

by ffroliva

Drive Google Flow from an agent: Veo video and Imagen image generation

⭐ 299 starsLast push: 2026-10-17License: MIT6,947/mo downloadsRepository ↗Full page & details →

Install with your client

Claude Desktopconfig JSON

Claude Desktop

{
  "mcpServers": {
    "gflow-cli": {
      "command": "uvx",
      "args": [
        "gflow-cli"
      ]
    }
  }
}

Claude CodeCLI command

Claude Code

claude mcp add gflow-cli -- uvx gflow-cli

Cursorconfig JSON

Cursor

{
  "mcpServers": {
    "gflow-cli": {
      "command": "uvx",
      "args": [
        "gflow-cli"
      ]
    }
  }
}

VS Codeconfig JSON

VS Code

{
  "servers": {
    "gflow-cli": {
      "command": "uvx",
      "args": [
        "gflow-cli"
      ]
    }
  }
}

Windsurfconfig JSON

Windsurf

{
  "mcpServers": {
    "gflow-cli": {
      "command": "uvx",
      "args": [
        "gflow-cli"
      ]
    }
  }
}

Music Studio

by linxule

ABC sheet music + Strudel live coding: songs, videos and live jam sessions in ext-apps widgets.

⭐ 74 starsLast push: 2026-10-13License: AGPL-3.05,639/mo downloadsRepository ↗Full page & details →

Install with your client

Claude Desktopconfig JSON

Claude Desktop

{
  "mcpServers": {
    "mcp-music-studio": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-music-studio"
      ]
    }
  }
}

Claude CodeCLI command

Claude Code

claude mcp add mcp-music-studio -- npx -y mcp-music-studio

Cursorconfig JSON

Cursor

{
  "mcpServers": {
    "mcp-music-studio": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-music-studio"
      ]
    }
  }
}

VS Codeconfig JSON

VS Code

{
  "servers": {
    "mcp-music-studio": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-music-studio"
      ]
    }
  }
}

Windsurfconfig JSON

Windsurf

{
  "mcpServers": {
    "mcp-music-studio": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-music-studio"
      ]
    }
  }
}

REAPER MCP

by twelvetake

Enables AI assistants to control REAPER for mixing, mastering, MIDI and music production.

⭐ 84 starsLast push: 2026-10-20License: MIT2,685/mo downloadsRepository ↗Full page & details →

Install with your client

Claude Desktopconfig JSON

Claude Desktop

{
  "mcpServers": {
    "reaper-mcp": {
      "command": "uvx",
      "args": [
        "twelvetake-reaper-mcp"
      ]
    }
  }
}

Claude CodeCLI command

Claude Code

claude mcp add reaper-mcp -- uvx twelvetake-reaper-mcp

Cursorconfig JSON

Cursor

{
  "mcpServers": {
    "reaper-mcp": {
      "command": "uvx",
      "args": [
        "twelvetake-reaper-mcp"
      ]
    }
  }
}

VS Codeconfig JSON

VS Code

{
  "servers": {
    "reaper-mcp": {
      "command": "uvx",
      "args": [
        "twelvetake-reaper-mcp"
      ]
    }
  }
}

Windsurfconfig JSON

Windsurf

{
  "mcpServers": {
    "reaper-mcp": {
      "command": "uvx",
      "args": [
        "twelvetake-reaper-mcp"
      ]
    }
  }
}

Better Design

by marvkr

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

⭐ 1 starsLast push: 2026-10-04License: MIT3,937/mo downloadsRepository ↗Full page & details →

Install with your client

Claude Desktopconfig JSON

Claude Desktop

{
  "mcpServers": {
    "better-design": {
      "command": "npx",
      "args": [
        "-y",
        "better-design"
      ],
      "env": {
        "BETTER_DESIGN_API_KEY": "<YOUR_BETTER_DESIGN_API_KEY>"
      }
    }
  }
}

Claude CodeCLI command

Claude Code

claude mcp add --env BETTER_DESIGN_API_KEY=<YOUR_BETTER_DESIGN_API_KEY> better-design -- npx -y better-design

Cursorconfig JSON

Cursor

{
  "mcpServers": {
    "better-design": {
      "command": "npx",
      "args": [
        "-y",
        "better-design"
      ],
      "env": {
        "BETTER_DESIGN_API_KEY": "<YOUR_BETTER_DESIGN_API_KEY>"
      }
    }
  }
}

VS Codeconfig JSON

VS Code

{
  "servers": {
    "better-design": {
      "command": "npx",
      "args": [
        "-y",
        "better-design"
      ],
      "env": {
        "BETTER_DESIGN_API_KEY": "<YOUR_BETTER_DESIGN_API_KEY>"
      }
    }
  }
}

Windsurfconfig JSON

Windsurf

{
  "mcpServers": {
    "better-design": {
      "command": "npx",
      "args": [
        "-y",
        "better-design"
      ],
      "env": {
        "BETTER_DESIGN_API_KEY": "<YOUR_BETTER_DESIGN_API_KEY>"
      }
    }
  }
}

Keys / environment: BETTER_DESIGN_API_KEY

#10

mcp-video

by KyaniteLabs

Compatibility package: mcp-video now installs Kinocut (formerly mcp-video).

⭐ 208 starsLast push: 2026-10-17License: Apache-2.03,024/mo downloadsRepository ↗Full page & details →

Install with your client

Claude Desktopconfig JSON

Claude Desktop

{
  "mcpServers": {
    "mcp-video": {
      "command": "uvx",
      "args": [
        "mcp-video"
      ]
    }
  }
}

Claude CodeCLI command

Claude Code

claude mcp add mcp-video -- uvx mcp-video

Cursorconfig JSON

Cursor

{
  "mcpServers": {
    "mcp-video": {
      "command": "uvx",
      "args": [
        "mcp-video"
      ]
    }
  }
}

VS Codeconfig JSON

VS Code

{
  "servers": {
    "mcp-video": {
      "command": "uvx",
      "args": [
        "mcp-video"
      ]
    }
  }
}

Windsurfconfig JSON

Windsurf

{
  "mcpServers": {
    "mcp-video": {
      "command": "uvx",
      "args": [
        "mcp-video"
      ]
    }
  }
}

#11

PixelDojo

by pixeldojo

Generate images, video, audio and short films with 140+ AI models from any MCP client.

⭐ 0 starsLast push: 2026-09-30License: MIT2,705/mo downloadsRepository ↗Full page & details →

Install with your client

Claude Desktopconfig JSON

Claude Desktop

{
  "mcpServers": {
    "mcp-125-2": {
      "command": "npx",
      "args": [
        "-y",
        "@pixeldojo/mcp"
      ],
      "env": {
        "PIXELDOJO_API_KEY": "<YOUR_PIXELDOJO_API_KEY>"
      }
    }
  }
}

Claude CodeCLI command

Claude Code

claude mcp add --env PIXELDOJO_API_KEY=<YOUR_PIXELDOJO_API_KEY> mcp-125-2 -- npx -y @pixeldojo/mcp

Cursorconfig JSON

Cursor

{
  "mcpServers": {
    "mcp-125-2": {
      "command": "npx",
      "args": [
        "-y",
        "@pixeldojo/mcp"
      ],
      "env": {
        "PIXELDOJO_API_KEY": "<YOUR_PIXELDOJO_API_KEY>"
      }
    }
  }
}

VS Codeconfig JSON

VS Code

{
  "servers": {
    "mcp-125-2": {
      "command": "npx",
      "args": [
        "-y",
        "@pixeldojo/mcp"
      ],
      "env": {
        "PIXELDOJO_API_KEY": "<YOUR_PIXELDOJO_API_KEY>"
      }
    }
  }
}

Windsurfconfig JSON

Windsurf

{
  "mcpServers": {
    "mcp-125-2": {
      "command": "npx",
      "args": [
        "-y",
        "@pixeldojo/mcp"
      ],
      "env": {
        "PIXELDOJO_API_KEY": "<YOUR_PIXELDOJO_API_KEY>"
      }
    }
  }
}

Keys / environment: PIXELDOJO_API_KEY

#12

Mcp Qwen Image

by AceDataCloud

MCP server for Qwen Image 3 AI image generation

⭐ 0 starsLast push: 2026-10-18License: MIT2,091/mo downloadsRepository ↗Full page & details →

Install with your client

Claude Desktopconfig JSON

Claude Desktop

{
  "mcpServers": {
    "mcp-qwen-image": {
      "command": "uvx",
      "args": [
        "mcp-qwen-image"
      ],
      "env": {
        "ACEDATACLOUD_API_TOKEN": "<YOUR_ACEDATACLOUD_API_TOKEN>"
      }
    }
  }
}

Claude CodeCLI command

Claude Code

claude mcp add --env ACEDATACLOUD_API_TOKEN=<YOUR_ACEDATACLOUD_API_TOKEN> mcp-qwen-image -- uvx mcp-qwen-image

Cursorconfig JSON

Cursor

{
  "mcpServers": {
    "mcp-qwen-image": {
      "command": "uvx",
      "args": [
        "mcp-qwen-image"
      ],
      "env": {
        "ACEDATACLOUD_API_TOKEN": "<YOUR_ACEDATACLOUD_API_TOKEN>"
      }
    }
  }
}

VS Codeconfig JSON

VS Code

{
  "servers": {
    "mcp-qwen-image": {
      "command": "uvx",
      "args": [
        "mcp-qwen-image"
      ],
      "env": {
        "ACEDATACLOUD_API_TOKEN": "<YOUR_ACEDATACLOUD_API_TOKEN>"
      }
    }
  }
}

Windsurfconfig JSON

Windsurf

{
  "mcpServers": {
    "mcp-qwen-image": {
      "command": "uvx",
      "args": [
        "mcp-qwen-image"
      ],
      "env": {
        "ACEDATACLOUD_API_TOKEN": "<YOUR_ACEDATACLOUD_API_TOKEN>"
      }
    }
  }
}

Keys / environment: ACEDATACLOUD_API_TOKEN

Other best-of lists

Best for SEO Best for Databases Best for Browser Automation Best for Memory & Knowledge Bases Best for GitHub & Code Repositories Best for Notion & Documentation Best for Finance Best for CRM Best for Search Best for Claude Code Best for Claude Desktop Best for Cursor Best for VS Code Best for Codex Best for LM Studio