Figma MCP Server

Install in Claude Code

claude mcp add figma-oabolade -e FIGMA_ACCESS_TOKEN='<figma-access-token>' -- npx -y @oabolade-pegasus/figma-mcp-server

Install in Cursor

{
  "mcpServers": {
    "figma-oabolade": {
      "command": "npx",
      "args": [
        "-y",
        "@oabolade-pegasus/figma-mcp-server"
      ],
      "env": {
        "FIGMA_ACCESS_TOKEN": "<figma-access-token>"
      }
    }
  }
}

Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (project).

Install in Claude Desktop

{
  "mcpServers": {
    "figma-oabolade": {
      "command": "npx",
      "args": [
        "-y",
        "@oabolade-pegasus/figma-mcp-server"
      ],
      "env": {
        "FIGMA_ACCESS_TOKEN": "<figma-access-token>"
      }
    }
  }
}

Settings → Developer → Edit Config (claude_desktop_config.json), then restart.

Install in VS Code

{
  "servers": {
    "figma-oabolade": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@oabolade-pegasus/figma-mcp-server"
      ],
      "env": {
        "FIGMA_ACCESS_TOKEN": "<figma-access-token>"
      }
    }
  }
}

Add to .vscode/mcp.json in your workspace.

Install in Windsurf

{
  "mcpServers": {
    "figma-oabolade": {
      "command": "npx",
      "args": [
        "-y",
        "@oabolade-pegasus/figma-mcp-server"
      ],
      "env": {
        "FIGMA_ACCESS_TOKEN": "<figma-access-token>"
      }
    }
  }
}

Add to ~/.codeium/windsurf/mcp_config.json.