Figma MCP Server

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

Local serverstdioGo

What is the Figma MCP server?

Figma MCP server exists for a simple reason — assistants are far more useful when they can act on Figma directly instead of describing what you should do. Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back.

What you get

Claude Code to Figma · Antigravity to Figma · Cursor to Figma · Any MCP IDE to Figma

Setting it up

The server ships on npm as figma-ui-mcp, so your MCP client can launch it on demand — there is no separate build step. Add the server block to your client's configuration, restart it, and the tools register themselves.

What the assistant can call

Once Figma is connected, these are the calls the assistant has available:

  • Security — The Security tool exposed by this server
  • Components — The Components tool exposed by this server

Before you rely on it

  • It runs with your machine's permissions. That is convenient and also the reason to think about what you point it at before you approve a tool call.
  • MCP clients confirm each tool call by default. Leave that on until you have watched what the figma mcp server does with a few real requests.

Choosing this one

This sits in the developer tooling group, where several servers overlap in what they claim to do but differ sharply once you actually set them up. Figma's toolset — Security, Components — is a fair guide to whether it matches your workflow. It is maintained by TranHoaiHung; worth a glance at recent repository activity before you build anything load-bearing on it.

This entry was verified against Figma's own documentation before publication; SyncDev keeps the directory reviewed rather than auto-generated.

Available tools

ToolWhat it does
SecurityThe Security tool exposed by this server.
ComponentsThe Components tool exposed by this server.

How to install the Figma MCP server

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

Add to claude_desktop_config.json, then restart Claude Desktop.

Example prompts to try

  • Use Figma to Security.
  • Use Figma to Components.

Frequently asked questions

It connects Figma to MCP-compatible AI assistants such as Claude and Cursor, exposing 2 tools (Security, Components) that the assistant can call on your behalf. Instead of copying data back and forth by hand, the assistant works with Figma directly.