Figma Edit MCP Server

by neozhehan Your server? Claim it

local only

Figma Edit MCP runs on your own machine — the client starts it, so there is no endpoint to ping. 103 installs a week from npm. Last commit 4 Aug 2026.

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

Installs per day peak 27 · avg 14 · +20% w/w

a month agotoday

103

Installs / week

npm · figma-edit-mcp

Stars

0 open issues

4 Aug 2026

Last commit

1 release in 90 days

MIT

License

TypeScript

What the code does

We read the source, 3 d ago · rules 995398eba69f

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.

Page executes code built at runtime figma_plugin/ui.html:398, [пакет] figma_plugin/ui.html:398

      connectionStatus.innerHTML =
        message ||

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-edit-mcp -- npx -y figma-edit-mcp

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

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

~/.codex/config.toml

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

.cursor/mcp.json

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

.vscode/mcp.json

{
  "servers": {
    "figma-edit-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "figma-edit-mcp"
      ]
    }
  }
}

Alternatives to Figma Edit MCP

same job, measured the same way

Figma React

by manansingh2001

An MCP server that converts Figma designs into React code.

54 installs/wk local only

Canva MCP

by canva-mcp

Create, search, edit, and export designs and assets from Canva.

answering

Figma UI MCP

by tranhoaihung

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

1 213 installs/wk local only

Plumb MCP

by tathagat22

Two-way Figma MCP: extract + verify design-to-code, or generate on-brand Figma pages from a prompt.

154 installs/wk local only

Figma Vector MCP

by workingmodel

Let Claude create and edit fully editable vector nodes on the Figma canvas.

132 installs/wk local only

figmcp

by irshadio

Local Figma MCP server: frames to Flutter, React and HTML code, and design in Figma. No API limits.

115 installs/wk local only

Frame Relay

by joseph-brendan

MCP server for the Frame-Relay design kit: components, tokens and live Figma selections.

60 installs/wk local only

HTML to Figma — Design System

by miapre

Translate HTML prototypes into Figma using your design system's real components and tokens.

33 installs/wk local only

Figma Edit MCP — questions

Answers built from our own checks of this server.

Why is there no uptime for Figma Edit MCP?

Figma Edit 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-edit-mcp was installed 103 times last week.

How do I connect Figma Edit MCP?

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

How many people use Figma Edit MCP?

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

Is Figma Edit MCP open source?

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