How do I connect Figma Ui MCP Server to Claude?

Run `claude mcp add figma-ui-mcp -- npx -y figma-ui-mcp` in Claude Code, or add the same command and arguments under mcpServers in Cursor's mcp.json or Claude Desktop's claude_desktop_config.json, then restart the client. The blocks above are ready to paste.

Is Figma Ui MCP Server free?

The listed licence is MIT. Check the upstream terms for permitted use and commercial requirements; a public repository does not by itself mean the software is free or open source. Connected APIs and hosted services may have separate charges.

What can Figma Ui MCP Server do?

MCPVault has not yet recorded the tool list for Figma Ui MCP Server; it is captured when the server passes a live MCP handshake. The description above is what the project publishes.

Figma Ui MCP

Verified

by TranHoaiHung

Bidirectional bridge between AI agents and Figma. Write UI straight onto the canvas with JavaScript, and read existing designs back as structured data for code generation. Runs locally, no Figma API key or token needed. Works with Claude Code, Cursor, VS Code and Windsurf.

Set up this server

Compare servers My Stack

01 / Choose your client

02 / Before you connect

The maintainer declares that no authentication is required.

Install the runtime required by the project and make it available to your client.

Project instructionsEnvironment variable names (optional)

Use names from the project instructions, separated by commas. Enter names only, never secret values.

03 / Add the configuration

Source: maintainer launch command

claude mcp add --transport stdio 'figma-ui-mcp' -- 'npx' '-y' 'figma-ui-mcp'

Run in your terminal after replacing any placeholders.

04 / Check it in your client

Open your client’s MCP settings and confirm the server connects and lists its tools. A copied configuration does not confirm a working connection.

ai-design-toolai-toolsclaude-codecursorfigmafigma-mcpfigma-pluginmcp

Show this listing on your README and website

Your listing links back to your site with a do-follow link. Keep the badge on your README or site to stay verified (Pro removes this requirement).

Get the embed code

Security profile

Exposure: Minimal

Stays within its own process: at most external requests and local configuration.

What this server can reach, from a static read of the shipped code. Nothing was executed and nothing here is a verdict: a browser tool has to run commands and an API wrapper has to call its API. Decide what fits your setup.

NVIDIA SkillSpector v2.11.0, MCPVault MCP-server policy. Scanned yesterday @ f001ff8.

Detected

Nothing in the shipped code matched a capability pattern.

Not detected: reads environment variables in bulk, sends conversation content outward, runs shell commands, reads or writes other agents' configuration, accesses credential files, uses elevated privileges, installs itself to run later, matches a known malicious pattern.

Dependencies with known advisories

None found in the lockfiles and manifests checked against OSV.dev.

Left out of the profile

11 pattern matches in documentation, configuration or CI files were recorded but are not part of the profile, because they do not run when the server does. The owner dashboard lists them.

How the profile works Maintainers see file, line and a fix for each item in their dashboard.

5Tools reported by the last successful handshake2026-09-22

Observed tool names (5)

Reported by a complete handshake for the current saved configuration. Tools were listed, not invoked.

2026-09-22 · 1.3.0

figma_docsfigma_readfigma_rulesfigma_statusfigma_write

Documented tools (0)

From project documentation. A server handshake does not verify each tool’s description or behavior.

Tool descriptions have not been documented here yet.

Tool change history

Compared across complete checks of the same configuration. Tools were listed, not invoked. Input-schema changes are not measured here.

The first complete check is a baseline. Changes appear after another complete check.

FAQ

Questions about Figma Ui MCP Server

How do I connect Figma Ui MCP Server to Claude?: Run `claude mcp add figma-ui-mcp -- npx -y figma-ui-mcp` in Claude Code, or add the same command and arguments under mcpServers in Cursor's mcp.json or Claude Desktop's claude_desktop_config.json, then restart the client. The blocks above are ready to paste.
Is Figma Ui MCP Server free?: The listed licence is MIT. Check the upstream terms for permitted use and commercial requirements; a public repository does not by itself mean the software is free or open source. Connected APIs and hosted services may have separate charges.
What can Figma Ui MCP Server do?: MCPVault has not yet recorded the tool list for Figma Ui MCP Server; it is captured when the server passes a live MCP handshake. The description above is what the project publishes.