Figma UI MCP Server

by tranhoaihung Your server? Claim it

local only

Figma UI MCP runs on your own machine — the client starts it, so there is no endpoint to ping. 370 installs a week from npm. Last commit 26 May 2026.

Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back

Installs per day peak 316 · avg 48 · +106% w/w

a month agotoday

370

Installs / week

npm · figma-ui-mcp

239

Stars

1 open issues

26 May 2026

Last commit

0 releases in 90 days

MIT

License

JavaScript

What the code does

We read the source, 16 h ago · rules 3dff92dd89df

Capabilities

What this server is able to do. For an MCP server this is often the job itself — a terminal server runs commands because that is what it is for. Listed so you know what you are plugging in, not as an accusation.

Runs an external command server/bridge-server.js:384, [пакет] server/bridge-server.js:384

        var pids = m.execSync("lsof -ti tcp:" + port + " 2>/dev/null", { encoding: "utf8" })

Is this your server and something here is wrong? Tell us — corrections are free and do not require a plan.

This code can reach further than it looks

We found places where it runs commands, builds paths or queries from values it is given. None of that is a flaw by itself — it becomes one when the code changes, and code changes quietly between releases. We re-read it on every one.

Connect this server

This server runs on your own machine — install it with the package manager and the client starts it for you. Package name taken from the official registry entry.

Claude Code Claude Desktop Codex Cursor VS Code

run in your terminal

claude mcp add figma-ui-mcp -- npx -y figma-ui-mcp

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

{
  "mcpServers": {
    "figma-ui-mcp": {
      "args": [
        "-y",
        "figma-ui-mcp"
      ],
      "command": "npx"
    }
  }
}

~/.codex/config.toml

[mcp_servers.figma-ui-mcp]
command = "npx"
args = ["-y", "figma-ui-mcp"]

.cursor/mcp.json

{
  "mcpServers": {
    "figma-ui-mcp": {
      "args": [
        "-y",
        "figma-ui-mcp"
      ],
      "command": "npx"
    }
  }
}

.vscode/mcp.json

{
  "mcpServers": {
    "figma-ui-mcp": {
      "args": [
        "-y",
        "figma-ui-mcp"
      ],
      "command": "npx"
    }
  }
}

Alternatives to Figma UI MCP

same job, measured the same way

Brilliant

by brilliant

Local MCP bridge: your coding agent designs on Brilliant's real vector canvas, fully on 127.0.0.1.

101 installs/wk local only

Figma Edit MCP

by neozhehan

Programmatically read, create, and modify Figma designs via MCP.

109 installs/wk local only

Figma React

by manansingh2001

An MCP server that converts Figma designs into React code.

53 installs/wk local only

Figma MCP Server

by figma-mcp

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

answering

Stytrix MCP

by hirosichen

AI fashion design MCP: generate concepts, models, fabrics & looks live on your StyTrix canvas.

answering

Stytrix MCP

by stytrix

AI fashion design MCP: generate concepts, models, fabrics & looks live on your StyTrix canvas.

answering

Canicode

by let-sunny

Analyze Figma designs for dev & AI readiness. 39 rules, scoring, HTML reports.

93 installs/wk local only

Kiyas

by saiffmirza

AI design fidelity — compare Figma designs or screenshots against rendered UI. No API keys.

64 installs/wk local only

Figma UI MCP — questions

Answers built from our own checks of this server.

Why is there no uptime for Figma UI MCP?

Figma UI MCP runs on your own machine over stdio — there is no network address to reach, so uptime cannot be measured for it by anyone. What can be measured is adoption: the npm package figma-ui-mcp was installed 370 times last week.

How do I connect Figma UI MCP?

Copy the ready config from this page — we generate it for Claude Code, Claude Desktop, Codex, Cursor and VS Code, each with the file path that client actually reads. It runs locally, so the command pulls figma-ui-mcp straight from npm; nothing to host, nothing to sign up for.

How many people use Figma UI MCP?

The npm package figma-ui-mcp was installed 370 times in the last week. Week over week that is +106%. We show installs rather than GitHub stars on purpose: a star is a bookmark, an install is someone actually running it.

Is Figma UI MCP open source?

Yes — it is published under the MIT licence, written in JavaScript, 239 stars on GitHub and 1 open issue. The source link is on this page, so you can read exactly what it does with your data before you connect it.