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-11-10; 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.
#1

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.

⭐ 75,900 starsLast push: 2026-11-02License: 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"
    }
  }
}

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

⭐ 16,133 starsLast push: 2026-10-27License: 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
#3

Make

Officialby integromat

Make MCP Server

⭐ 174 starsLast push: 2026-10-20License: 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"
      ]
    }
  }
}
#4

YouTube

Referenceby Klavis-AI

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

⭐ 5,830 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"
    }
  }
}
#5

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,138 starsLast push: 2026-10-28License: —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"
    }
  }
}
#6

gflow-cli

by ffroliva

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

⭐ 354 starsLast push: 2026-11-01License: 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"
      ]
    }
  }
}

Process video, audio, images and documents with Transloadit Robots. Connect by URL with OAuth.

⭐ 73 starsLast push: 2026-11-05License: MIT12,301/mo downloadsRepository ↗Full page & details →

Install with your client

Claude Desktopconfig JSON
Claude Desktop
{
  "mcpServers": {
    "mcp-server-403": {
      "command": "npx",
      "args": [
        "-y",
        "@transloadit/mcp-server"
      ],
      "env": {
        "TRANSLOADIT_KEY": "<YOUR_TRANSLOADIT_KEY>",
        "TRANSLOADIT_SECRET": "<YOUR_TRANSLOADIT_SECRET>"
      }
    }
  }
}
Claude CodeCLI command
Claude Code
claude mcp add --env TRANSLOADIT_KEY=<YOUR_TRANSLOADIT_KEY> --env TRANSLOADIT_SECRET=<YOUR_TRANSLOADIT_SECRET> mcp-server-403 -- npx -y @transloadit/mcp-server
Cursorconfig JSON
Cursor
{
  "mcpServers": {
    "mcp-server-403": {
      "command": "npx",
      "args": [
        "-y",
        "@transloadit/mcp-server"
      ],
      "env": {
        "TRANSLOADIT_KEY": "<YOUR_TRANSLOADIT_KEY>",
        "TRANSLOADIT_SECRET": "<YOUR_TRANSLOADIT_SECRET>"
      }
    }
  }
}
VS Codeconfig JSON
VS Code
{
  "servers": {
    "mcp-server-403": {
      "command": "npx",
      "args": [
        "-y",
        "@transloadit/mcp-server"
      ],
      "env": {
        "TRANSLOADIT_KEY": "<YOUR_TRANSLOADIT_KEY>",
        "TRANSLOADIT_SECRET": "<YOUR_TRANSLOADIT_SECRET>"
      }
    }
  }
}
Windsurfconfig JSON
Windsurf
{
  "mcpServers": {
    "mcp-server-403": {
      "command": "npx",
      "args": [
        "-y",
        "@transloadit/mcp-server"
      ],
      "env": {
        "TRANSLOADIT_KEY": "<YOUR_TRANSLOADIT_KEY>",
        "TRANSLOADIT_SECRET": "<YOUR_TRANSLOADIT_SECRET>"
      }
    }
  }
}
Keys / environment: TRANSLOADIT_KEY · TRANSLOADIT_SECRET
#8

Music Studio

by linxule

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

⭐ 76 starsLast push: 2026-11-02License: 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"
      ]
    }
  }
}
#9

REAPER MCP

by twelvetake

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

⭐ 103 starsLast push: 2026-11-04License: 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"
      ]
    }
  }
}
#10

mcp-video

by KyaniteLabs

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

⭐ 236 starsLast push: 2026-11-01License: 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

Mcp Server

by socialneuron

52 MCP tools for AI social media: create, distribute, analyze, and optimize content.

⭐ 5 starsLast push: 2026-11-07License: MIT2,888/mo downloadsRepository ↗Full page & details →

Install with your client

Claude Desktopconfig JSON
Claude Desktop
{
  "mcpServers": {
    "mcp-server-134": {
      "command": "npx",
      "args": [
        "-y",
        "@socialneuron/mcp-server"
      ],
      "env": {
        "SOCIALNEURON_API_KEY": "<YOUR_SOCIALNEURON_API_KEY>"
      }
    }
  }
}
Claude CodeCLI command
Claude Code
claude mcp add --env SOCIALNEURON_API_KEY=<YOUR_SOCIALNEURON_API_KEY> mcp-server-134 -- npx -y @socialneuron/mcp-server
Cursorconfig JSON
Cursor
{
  "mcpServers": {
    "mcp-server-134": {
      "command": "npx",
      "args": [
        "-y",
        "@socialneuron/mcp-server"
      ],
      "env": {
        "SOCIALNEURON_API_KEY": "<YOUR_SOCIALNEURON_API_KEY>"
      }
    }
  }
}
VS Codeconfig JSON
VS Code
{
  "servers": {
    "mcp-server-134": {
      "command": "npx",
      "args": [
        "-y",
        "@socialneuron/mcp-server"
      ],
      "env": {
        "SOCIALNEURON_API_KEY": "<YOUR_SOCIALNEURON_API_KEY>"
      }
    }
  }
}
Windsurfconfig JSON
Windsurf
{
  "mcpServers": {
    "mcp-server-134": {
      "command": "npx",
      "args": [
        "-y",
        "@socialneuron/mcp-server"
      ],
      "env": {
        "SOCIALNEURON_API_KEY": "<YOUR_SOCIALNEURON_API_KEY>"
      }
    }
  }
}
Keys / environment: SOCIALNEURON_API_KEY
#12

Mcp Qwen Image

by AceDataCloud

MCP server for Qwen Image 3 AI image generation

⭐ 0 starsLast push: 2026-11-02License: 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

Sources & last verified

  • ▸ Server descriptions, categories and install methods: the public MCP Registry (modelcontextprotocol.io) as of 2026-11-10.
  • ▸ Stars, last-push dates and licenses: GitHub repository API, fetched per entry's own repository on 2026-11-10.
  • ▸ Download counts: npm and PyPI public APIs where a package is listed.
  • ▸ Official / Reference labels follow MCPNav's verified brand table (each verified against the publisher's own repository and documentation).

Last verified: 2026-11-10. Entries change as the underlying data changes; archived repositories are excluded.