MCP Directory

ScreenshotOne MCP Server vs Figma Context MCP (figma-developer-mcp)

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

 ScreenshotOne MCP Server

Community server that captures website screenshots via the ScreenshotOne API.

Verified
stdio (local)
API key
Stale
TypeScript
Figma Context MCP (figma-developer-mcp)

Popular community server that feeds Figma layout data to coding agents via a Figma API token.

Verified
stdio (local)
API key
TypeScript
CategoryDesign & MediaDesign & Media
LanguageTypeScriptTypeScript
Transportstdio (local)stdio (local)
AuthAPI keyAPI key
GitHub stars3615k
Last commit9 months ago19 days ago
Verified
Actively maintained
Installnpx -y screenshotone-mcp-servernpx -y figma-developer-mcp --stdio
RepoOpen Open

Verdict

Pick ScreenshotOne MCP Server if you prefer its approach (community server that captures website screenshots via the screenshotone api).

Pick Figma Context MCP (figma-developer-mcp) if you prefer the more popular, battle-tested option.

Add ScreenshotOne MCP Server

Install / run
npx -y screenshotone-mcp-server

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

{
  "mcpServers": {
    "screenshotone-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "screenshotone-mcp-server"
      ],
      "env": {
        "SCREENSHOTONE_API_KEY": "<your-api-key>"
      }
    }
  }
}

Add Figma Context MCP (figma-developer-mcp)

Install / run
npx -y figma-developer-mcp --stdio

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

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

FAQ

ScreenshotOne MCP Server or Figma Context MCP (figma-developer-mcp) — which is better?

Pick ScreenshotOne MCP Server if you prefer its approach (community server that captures website screenshots via the screenshotone api). Pick Figma Context MCP (figma-developer-mcp) if you prefer the more popular, battle-tested option.

Can I use both ScreenshotOne MCP Server and Figma Context MCP (figma-developer-mcp)?

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 ScreenshotOne MCP Server and Figma Context MCP (figma-developer-mcp) work with Claude, Cursor and Windsurf?

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