SERVER

figma-mcp

Rank #32,848

io.github.Mehmoodqureshi/figma-mcp

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

1 version

1 GitHub stars

by Mehmoodqureshi (6 servers)View repository ↗

First listed

Sep 1, 2026

Last publish date

Sep 26, 2026

PURPOSE

What you can do with figma-mcp

figma-mcp is a Model Context Protocol (MCP) server published by Mehmoodqureshi. It ranks #32,848 of 144,396 active servers on MCP Toplist, and its repository has 1 GitHub stars. figma-mcp is listed across 2 registries — Official MCP and Glama, with 1 tracked version. It was first listed on Sep 1, 2026 and most recently updated on Sep 26, 2026.

Not verifiedMCP Toplist has not yet written a checked profile for this server, so the paragraph above is assembled from registry data only. The repository README is the authority on what it does.

CAPABILITIES AND LIMITATIONS

What figma-mcp can and cannot do

Not verifiedMCP Toplist has not catalogued this server's tools or limitations. The repository README lists them.

REQUIREMENTS

What you need before using figma-mcp

DeclaredNo credentialsNo credentials declared

The registry listing declares no required environment variables or authentication. This is declared metadata, not a verified install — the repository README is the authority.

Declared by Glama, last synced Oct 16, 2026. Not independently verified by MCP Toplist.

Declared in the registry install config

FIGMA_TOKEN · required
FIGMA_MCP_CACHE_DIR · optional

INSTALLATION AND FIRST TASK

Connect figma-mcp and confirm it works

npm package

claude mcp add figma-mcp -e "FIGMA_TOKEN=<your FIGMA_TOKEN>" -e "FIGMA_MCP_CACHE_DIR=<your FIGMA_MCP_CACHE_DIR>" -- npx -y @mehmoodqureshi/figma-mcp

Replace each placeholder with your own value before saving.

npm package

[mcp_servers.figma-mcp]
command = "npx"
args = ["-y", "@mehmoodqureshi/figma-mcp"]

[mcp_servers.figma-mcp.env]
FIGMA_TOKEN = "<your FIGMA_TOKEN>"
FIGMA_MCP_CACHE_DIR = "<your FIGMA_MCP_CACHE_DIR>"

Add to ~/.codex/config.toml. Replace each placeholder with your own value before saving.

npm package

{
  "mcpServers": {
    "figma-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@mehmoodqureshi/figma-mcp"
      ],
      "env": {
        "FIGMA_TOKEN": "<your FIGMA_TOKEN>",
        "FIGMA_MCP_CACHE_DIR": "<your FIGMA_MCP_CACHE_DIR>"
      }
    }
  }
}

Add to claude_desktop_config.json (Settings → Developer → Edit Config). Replace each placeholder with your own value before saving.

npm package

{
  "mcpServers": {
    "figma-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@mehmoodqureshi/figma-mcp"
      ],
      "env": {
        "FIGMA_TOKEN": "<your FIGMA_TOKEN>",
        "FIGMA_MCP_CACHE_DIR": "<your FIGMA_MCP_CACHE_DIR>"
      }
    }
  }
}

Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (per project). Replace each placeholder with your own value before saving.

npm package

{
  "servers": {
    "figma-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@mehmoodqureshi/figma-mcp"
      ],
      "env": {
        "FIGMA_TOKEN": "<your FIGMA_TOKEN>",
        "FIGMA_MCP_CACHE_DIR": "<your FIGMA_MCP_CACHE_DIR>"
      }
    }
  }
}

Save as .vscode/mcp.json in your workspace. Replace each placeholder with your own value before saving.

npm package

{
  "mcpServers": {
    "figma-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@mehmoodqureshi/figma-mcp"
      ],
      "env": {
        "FIGMA_TOKEN": "<your FIGMA_TOKEN>",
        "FIGMA_MCP_CACHE_DIR": "<your FIGMA_MCP_CACHE_DIR>"
      }
    }
  }
}

Add to ~/.codeium/windsurf/mcp_config.json. Replace each placeholder with your own value before saving.

npm package

{
  "mcpServers": {
    "figma-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@mehmoodqureshi/figma-mcp"
      ],
      "env": {
        "FIGMA_TOKEN": "<your FIGMA_TOKEN>",
        "FIGMA_MCP_CACHE_DIR": "<your FIGMA_MCP_CACHE_DIR>"
      }
    }
  }
}

Replace each placeholder with your own value before saving.

First successful task

After adding the config, ask your client to list this server's tools. A tool list confirms the connection; an empty list or an error means the server did not start or needs credentials.

ALTERNATIVES

When to choose another server

Other servers by Mehmoodqureshi

View all Mehmoodqureshi servers →

No task-specific alternatives are catalogued for figma-mcpyet; the list above is its publisher's other servers.

MAINTENANCE AND EVIDENCE

What changed, and when this was checked

First listed: Sep 1, 2026
Latest version published: Sep 26, 2026
Version history: 1 version tracked (below)
Requirements evidence: Declared by Glama, last synced Oct 16, 2026. Not independently verified by MCP Toplist.
Profile checked: Not yet — purpose, capabilities and requirements above come from registry data only
Ranking data as of: Oct 15, 2026

Registry sightings

Glama ↗listed since Sep 4, 2026 · still listed
Official MCP ↗listed since Sep 26, 2026 · still listed

Do you maintain figma-mcp? to correct or enrich this profile.

VERSIONS

Available versions (1)

Version	Published
0.2.1	Sep 26, 2026

STANDING

#32,848of 144,396 active serversTop 25%

Ranks ahead of 111,548 of 144,396 servers on MCP Toplist.

BADGE

Show your rank

Maintain this server? Add the live rank badge to your README — it updates automatically as the leaderboard changes.

Markdown

[![MCP Toplist](https://mcptoplist.com/badge/io.github.Mehmoodqureshi%2Ffigma-mcp.svg)](https://mcptoplist.com/server/io.github.Mehmoodqureshi%2Ffigma-mcp)

HTML

<a href="https://mcptoplist.com/server/io.github.Mehmoodqureshi%2Ffigma-mcp"><img src="https://mcptoplist.com/badge/io.github.Mehmoodqureshi%2Ffigma-mcp.svg" alt="MCP Toplist: Top 25% of 144,396" /></a>

Variants: append ?metric=score or ?metric=stars to the image URL.

FAQ

Frequently asked questions

Who maintains figma-mcp?: figma-mcp is maintained by Mehmoodqureshi, which publishes 6 MCP servers (43 total versions) tracked on MCP Toplist.
Is figma-mcp listed on the Official MCP Registry?: Yes — figma-mcp is listed on the Official MCP Registry, alongside Glama.
How many versions does figma-mcp have?: MCP Toplist tracks 1 version of figma-mcp, most recently published on Sep 26, 2026.
Where can I find the source code for figma-mcp?: The source code for figma-mcp is hosted at github.com/Mehmoodqureshi/figma-mcp.

Used in projects

Do you run this server?

Community projects list the MCP servers behind real agents and apps. Publish yours and this page will link to it.

EXPLORE

All MCP Servers Official MCP Servers GitHub MCP Servers Best MCP Servers Most Active MCP Servers New MCP Servers Best New MCP Servers