How do I install the Figma (npx) MCP server?

You can install the Figma (npx) MCP server with one click using McpMux. Download the free McpMux desktop app from mcpmux.com/download, open it, find Figma (npx) in the server registry, and click Install. McpMux automatically configures the server for your AI client — whether it's Cursor, Claude Desktop, VS Code, ChatGPT, Windsurf, or JetBrains. Note: This server requires an API key.

Which AI clients support the Figma (npx) MCP server?

The Figma (npx) MCP server works with all MCP-compatible AI clients including Cursor, Claude Desktop, Claude Code, VS Code (GitHub Copilot), ChatGPT, Windsurf, JetBrains IDEs, Zed, Cline, Gemini CLI, and Amazon Q Developer. McpMux acts as a universal gateway — configure Figma (npx) once and all your AI clients can use it.

Back to Registry

Figma (npx) MCP Server

Community

Contributed by GLips

Read and inspect Figma designs, components, and styles. Extract layout details, design tokens, and asset metadata from any Figma file. Translates auto-layout to CSS flexbox. Supports image downloads.

Install with McpMux Source Code Docs

About the Figma (npx) MCP Server

The Figma (npx) MCP server is a local (stdio) Model Context Protocol server available in the McpMux registry. Read and inspect Figma designs, components, and styles. Extract layout details, design tokens, and asset metadata from any Figma file. Translates auto-layout to CSS flexbox. Supports image downloads. This is a community-contributed MCP server by GLips.

Install the Figma (npx) MCP server with one click using McpMux. It works with Cursor, Claude Desktop, Claude Code, VS Code, ChatGPT, Windsurf, JetBrains, and any MCP-compatible AI client. This server requires an API key — McpMux securely stores your credentials with AES-256-GCM encryption.

Transport Configuration

123456789101112131415161718192021222324252627282930{
  "type": "stdio",
  "command": "npx",
  "args": [
    "-y",
    "figma-developer-mcp",
    "--stdio"
  ],
  "env": {
    "FIGMA_API_KEY": "${input:FIGMA_API_KEY}"
  },
  "metadata": {
    "inputs": [
      {
        "id": "FIGMA_API_KEY",
        "label": "Figma Personal Access Token",
        "description": "Personal access token for the Figma API. Generated from your Figma account settings under Settings > Account > Personal access tokens.",
        "type": "text",
        "required": true,
        "secret": true,
        "placeholder": "figd_xxxxxxxxxxxxxxxxxxxx",
        "obtain": {
          "url": "https://www.figma.com/developers/api#access-tokens",
          "instructions": "1. Go to figma.com and log in\n2. Open Settings > Account\n3. Scroll to Personal access tokens\n4. Click 'Generate new token'\n5. Give it a description and copy the token",
          "button_label": "Get Token"
        }
      }
    ]
  }
}

Details

TransportLocal (stdio)

Hostinglocal

AuthAPI Key

Capabilities

Tools

Links

Repository Homepage Documentation

Supported AI Clients

The Figma (npx) MCP server works with all MCP-compatible AI clients through McpMux:

CursorClaude DesktopClaude CodeVS CodeChatGPTWindsurfJetBrainsZedClineGemini CLIAmazon Q

Related MCP Servers

GitHub (Docker)

Interact with GitHub repositories, issues, pull requests, and code security via Docker container. Supports both github.com and GitHub Enterprise instances. Requires Docker installed.

GitHub (Remote PAT)

Interact with GitHub repositories, issues, pull requests, actions, and code security through GitHub's hosted remote MCP server. Authenticates with a Personal Access Token.

Atlassian (Jira & Confluence)

Interact with Jira issues, Confluence pages, and Compass components through Atlassian's official remote MCP server.

Figma

Generate code from Figma designs, extract design context, variables, and components through Figma's official hosted MCP server. Supports Code Connect for design system consistency, FigJam content, and browser-to-Figma live capture.

GitLab

GitLab's built-in MCP server for managing issues, merge requests, pipelines, and semantic code search. Requires GitLab 18.6+ with Duo enabled. Connects directly to any GitLab instance via OAuth.

Playwright (Docker)

Browser automation using Playwright in a Docker container. Runs headless Chromium, no local browser installation needed. Ideal for server environments.

Install Figma (npx) with McpMux

One-click install from the McpMux desktop app. Auto-configures for Cursor, Claude, VS Code, ChatGPT, Windsurf, JetBrains, and any MCP-compatible client.

Install