MCP Directory

Recraft MCP Server (Official) vs Figma MCP Server (Official Remote)

A side-by-side comparison of two Design & Media servers — tools, transport, auth, maintenance, and copy-paste config for each.

 Recraft MCP Server (Official)

Official Recraft server for raster and vector image generation, vectorization, and editing.

Verified
stdio (local)
API key
Stale
TypeScript
Figma MCP Server (Official Remote)

Official Figma server that brings design context, variables, and components into AI coding tools.

Verified
HTTP (remote)
OAuth
Hosted
CategoryDesign & MediaDesign & Media
LanguageTypeScriptHosted
Transportstdio (local)HTTP (remote)
AuthAPI keyOAuth
GitHub stars60120
Last commit10 months ago26 days ago
Verified
Actively maintained
Installnpx -y @recraft-ai/mcp-recraft-server@latestAdd MCP server URL https://mcp.figma.com/mcp (HTTP) and sign in via Figma OAuth
RepoOpen Open

Verdict

Pick Recraft MCP Server (Official) if you want a local (stdio) server that keeps data on your machine.

Pick Figma MCP Server (Official Remote) if you prefer the more popular, battle-tested option, and you want a hosted/remote server with nothing to install.

Add Recraft MCP Server (Official)

Install / run
npx -y @recraft-ai/mcp-recraft-server@latest

Paste into ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "recraft-mcp-server-official": {
      "command": "npx",
      "args": [
        "-y",
        "@recraft-ai/mcp-recraft-server@latest"
      ],
      "env": {
        "RECRAFT_API_KEY": "<your-api-key>",
        "IMAGE_STORAGE_DIRECTORY": "/absolute/path/to/output/dir"
      }
    }
  }
}

Add Figma MCP Server (Official Remote)

Install / run
Add MCP server URL https://mcp.figma.com/mcp (HTTP) and sign in via Figma OAuth

Paste into ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "figma-mcp-server-official-remote": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://mcp.figma.com/mcp"
      ]
    }
  }
}

Claude Desktop connects to remote servers through the `mcp-remote` proxy (installed on first run via npx). Restart Claude Desktop after saving.

FAQ

Recraft MCP Server (Official) or Figma MCP Server (Official Remote) — which is better?

Pick Recraft MCP Server (Official) if you want a local (stdio) server that keeps data on your machine. Pick Figma MCP Server (Official Remote) if you prefer the more popular, battle-tested option, and you want a hosted/remote server with nothing to install.

Can I use both Recraft MCP Server (Official) and Figma MCP Server (Official Remote)?

Yes — MCP clients let you enable multiple servers at once. Add both configs to your client's mcpServers and use whichever tool fits the task.

Do Recraft MCP Server (Official) and Figma MCP Server (Official Remote) work with Claude, Cursor and Windsurf?

Both do. Copy the per-client config below into Claude Desktop, Cursor, or Windsurf.