Best Claude Apps

Official · remote server

Figma MCP server

Yes. Figma runs an official remote MCP server. You sign in with your Figma account in the browser, so there is no API key to paste.

Maintained by
Figma
Sign-in
Figma account no API key
Tools
9 7 read · 2 write
Community servers
6 by third parties in the MCP Registry
Docs
help.figma.com
Source
figma/mcp-server-guide

Where the Figma server is listed

01Setup

How to connect the Figma MCP server

Every client below points at the same official URL. Pick yours.

Claude (web, desktop and mobile)

  1. 1 Click Add to Claude, or open Settings → Connectors → Browse connectors and search for Figma.
  2. 2 Click Connect. Sign in to Figma and approve the access it asks for.
  3. 3 In a chat, open the tools menu under the message box and check Figma is on.

Tool-by-tool permissions, security notes and reviews: Figma connector for Claude.

Claude Code

  1. 1
    Run this in your terminal: 
    claude mcp add --transport http figma https://mcp.figma.com/mcp
    Add --scope user to use it in every project, or --scope project to share it through .mcp.json.
  2. 2 Start Claude Code, type /mcp, pick figma and sign in to Figma in the browser.
  3. 3 Check it with claude mcp list.

Prefer a plugin? Figma also publishes a Figma plugin for Claude Code with 16 skills , 167,556 installs on Anthropic’s plugin directory. Run /plugin, open Discover and search for Figma.

ChatGPT

Figma is in ChatGPT’s plugin directory, published by Figma, Inc. , and it uses the same MCP server URL. Open it and click Connect , then sign in to Figma.

Figma in ChatGPT

Cursor

Add to Cursor

One click if the app is installed, or add this to ~/.cursor/mcp.json (or .cursor/mcp.json in a project) , then check it under Settings → MCP.

~/.cursor/mcp.json 
{
  "mcpServers": {
    "figma": {
      "url": "https://mcp.figma.com/mcp"
    }
  }
}

VS Code

Add to VS Code

One click if the app is installed, or add this to .vscode/mcp.json in your project , then start the server from the file or the MCP view. It is used by Copilot agent mode.

.vscode/mcp.json 
{
  "servers": {
    "figma": {
      "type": "http",
      "url": "https://mcp.figma.com/mcp"
    }
  }
}

Windsurf

Add this to ~/.codeium/windsurf/mcp_config.json , then refresh the MCP list in Cascade.

~/.codeium/windsurf/mcp_config.json 
{
  "mcpServers": {
    "figma": {
      "serverUrl": "https://mcp.figma.com/mcp"
    }
  }
}

Codex CLI

Add this to ~/.codex/config.toml , then restart Codex.

~/.codex/config.toml 
[mcp_servers.figma]
url = "https://mcp.figma.com/mcp"
Where it runs
On Figma’s side, at mcp.figma.com. Nothing is installed on your machine.
Sign-in
Each person signs in with their own Figma account in the browser. The client gets that account’s access, nothing more.
Client only runs local servers?
Bridge to the remote URL with mcp-remote: npx mcp-remote https://mcp.figma.com/mcp

02Capabilities

What the Figma MCP server can do

Summarised from the 9 tools in Figma’s listing: what an AI client can read, and what it can change.

Reads
Account, Code connect map, Design context, FigJam, Metadata, Screenshot, Variable defs
Changes
Create design system rules; generate diagram.
Deletes
No delete tool is listed. None of the 9 tool names starts with delete, remove or archive.

Figma’s own one-liner: “Generate diagrams and better code from Figma context” (Claude directory listing)

Example prompts from the official listings

  • “Read the attached PRD and create a flowchart of the 2FA flow”

    ChatGPT

  • “Create a competitive analysis deck comparing travel platforms”

    ChatGPT

  • “Implement this Figma design: [paste Figma URL]”

    Claude Code plugin

  • “Create design system rules for my React project”

    Claude Code plugin

  • “Connect my Button component to its Figma counterpart”

    Claude Code plugin

  • “Extract the color variables from this design file”

    Claude Code plugin

03Tools

Figma MCP tools

All 9 tools an AI client can call once connected: 7 read, 2 create or change.

  • get_code_connect_map Read
  • get_design_context Read
  • get_figjam Read
  • get_metadata Read
  • get_screenshot Read
  • get_variable_defs Read
  • whoami Read
  • create_design_system_rules Write
  • generate_diagram Write

Tool names from Figma’s listing in Claude’s connector directory, checked 2026-10-20. Read and write labels are our reading of each name’s verb. In Claude you can set each tool to ask before it runs.

04Servers

Official vs community Figma MCP servers

7 servers for Figma in the official MCP Registry. “Official” means the registry entry is tied to figma.com or Figma’s own GitHub account; community servers are built by anyone else.

  • Official Figma MCP Server v1.0.3

    The Figma MCP server brings Figma design context directly into your AI workflow.

    Runs
    Remote mcp.figma.com
    Registry
    com.figma.mcp/mcp
    Published
    Oct 2025
    Source
    figma/mcp-server-guide
    Config for this server

    Claude Code

    claude mcp add --transport http figma https://mcp.figma.com/mcp

    Cursor, Windsurf, Claude Desktop (mcpServers)

    {
  "mcpServers": {
    "figma": {
      "url": "https://mcp.figma.com/mcp"
    }
  }
}
  • Community Figma v0.1.2

    Figma MCP Pack

    Runs
    Remote gateway.pipeworx.io
    Registry
    io.github.pipeworx-io/figma
    Published
    Sep 2026
    Source
    pipeworx-io/mcp-figma
    Config for this server

    Claude Code

    claude mcp add --transport http figma https://gateway.pipeworx.io/figma/mcp

    Cursor, Windsurf, Claude Desktop (mcpServers)

    {
  "mcpServers": {
    "figma": {
      "url": "https://gateway.pipeworx.io/figma/mcp"
    }
  }
}
  • Community figma-mcp v0.2.1

    Figma to pixel-perfect code: deterministic HTML/React, then a render + pixel-diff verify loop.

    Runs
    Local · npm @mehmoodqureshi/figma-mcp
    Registry
    io.github.Mehmoodqureshi/figma-mcp
    Published
    Sep 2026
    Source
    Mehmoodqureshi/figma-mcp
    Config for this server

    Claude Code

    claude mcp add figma -- npx -y @mehmoodqureshi/figma-mcp

    Cursor, Windsurf, Claude Desktop (mcpServers)

    {
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": [
        "-y",
        "@mehmoodqureshi/figma-mcp"
      ]
    }
  }
}
  • Community Figma MCP v1.0.1

    Figma MCP: list frames in a file and fetch one frame's JSON and image safely. 2 tools.

    Runs
    Local · npm @scalably-io/figma-mcp
    Registry
    io.scalably/figma-mcp
    Published
    Sep 2026
    Source
    scalably-io/figma-mcp
    Config for this server

    Claude Code

    claude mcp add figma -- npx -y @scalably-io/figma-mcp

    Cursor, Windsurf, Claude Desktop (mcpServers)

    {
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": [
        "-y",
        "@scalably-io/figma-mcp"
      ]
    }
  }
}
  • Community Figma MCP Server v3.1.1

    A local MCP server with full Figma REST API coverage.

    Runs
    Local · npm figma-mcp-server
    Registry
    io.github.planetabhi/figma-mcp-server
    Published
    Aug 2026
    Source
    planetabhi/figma-mcp-server
    Config for this server

    Claude Code

    claude mcp add figma -- npx -y figma-mcp-server

    Cursor, Windsurf, Claude Desktop (mcpServers)

    {
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": [
        "-y",
        "figma-mcp-server"
      ]
    }
  }
}
  • Community figma v1.0.6

    Export files, access design data, manage projects, comments, and team assets

    Runs
    Local · PyPI mcparmory-figma
    Registry
    com.mcparmory/figma
    Published
    May 2026
    Source
    mcparmory/registry
    Config for this server

    Claude Code

    claude mcp add figma -- uvx mcparmory-figma

    Cursor, Windsurf, Claude Desktop (mcpServers)

    {
  "mcpServers": {
    "figma": {
      "command": "uvx",
      "args": [
        "mcparmory-figma"
      ]
    }
  }
}
  • Community Figma MCP Server v2.1.0

    MCP server enabling AI assistants to interact with Figma designs via natural language commands

    Runs
    Local · npm @oabolade-pegasus/figma-mcp-server
    Registry
    io.github.oabolade/figma_mcp_server_actor
    Published
    Dec 2025
    Source
    oabolade/figma_mcp_server_actor
    Config for this server

    Claude Code

    claude mcp add figma -- npx -y @oabolade-pegasus/figma-mcp-server

    Cursor, Windsurf, Claude Desktop (mcpServers)

    {
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": [
        "-y",
        "@oabolade-pegasus/figma-mcp-server"
      ]
    }
  }
}

05FAQ

Figma MCP questions

Is there an official Figma MCP server?

Yes. Figma runs an official remote MCP server at https://mcp.figma.com/mcp. You sign in with your Figma account in the browser; there is no API key to paste. It exposes 9 tools: 7 read and 2 write.

What is the Figma MCP server URL?

https://mcp.figma.com/mcp. It is a remote MCP server over streamable HTTP, hosted at mcp.figma.com. Paste it into any client that supports remote MCP servers.

How do I add the Figma MCP server to Claude Code?

Run: claude mcp add --transport http figma https://mcp.figma.com/mcp. Then start Claude Code, type /mcp, choose figma and sign in to Figma. Add --scope user to make it available in every project.

How do I use the Figma MCP server in Cursor or VS Code?

In Cursor, add it to ~/.cursor/mcp.json under "mcpServers" as {"figma": {"url": "https://mcp.figma.com/mcp"}}. In VS Code, add it to .vscode/mcp.json under "servers" with "type": "http" and the same URL. Both apps also accept the one-click install links on this page.

Does the Figma MCP server need an API key?

No key to copy. You sign in to your Figma account in the browser when you first connect, and the client acts with that account’s access.

What tools does the Figma MCP server have?

9 tools: generate_diagram, get_design_context, get_screenshot, get_metadata, create_design_system_rules, get_variable_defs, get_code_connect_map, get_figjam, whoami.

Does Figma work in ChatGPT?

Yes. Figma is in ChatGPT’s plugin directory, published by Figma, Inc..

Should I use an official or a community Figma MCP server?

Start with the official server: it is run by Figma. The 6 community servers are built by third parties; remote ones route your data through their own hosts and local ones usually need an API key.

Sources: the official MCP Registry, Figma in Claude’s connector directory , Figma in ChatGPT’s plugin directory, checked October 20, 2026. Client config formats follow each client’s own docs. This site is independent and not affiliated with Figma, Anthropic or OpenAI. See also the Figma connector page for reviews.

Loading…

Browse all connectors →