Figma MCP Server

Thin typed wrapper around the Figma REST API

Local serverstdioTypeScript

What is the Figma MCP server?

Thin typed wrapper around the Figma REST API. Exposed over MCP by the figma mcp server, that capability becomes something an assistant can invoke while it works, not something you go and do afterwards.

What it actually does

JavaScript client-side implementation of the Figma REST API.

Its toolset

Everything the assistant can do here goes through one of these:

  • Authentication — Creates new Api object with specified personalAccessToken or oAuthToken. For details about how to get these tokens, [see the
  • Endpoints — All these endpoints methods receive objects like pathParams, queryParams, requestBody, as arguments, and return a Promise. For details about the
  • Files — The Files tool exposed by this server
  • Comments — The Comments tool exposed by this server
  • Users — The Users tool exposed by this server
  • Projects — The Projects tool exposed by this server
  • Webhooks — The Webhooks tool exposed by this server
  • Payments — The Payments tool exposed by this server
  • Variables — The Variables tool exposed by this server
  • Analytics — The Analytics tool exposed by this server

Adding it to your client

figma-api on npm is all you need. Most clients run it directly, so configuration is a few lines and a restart.

When to reach for it

Plenty of knowledge and memory servers cover similar ground. The differences that matter in practice are scope of access and how much setup stands between you and a working tool call. Figma's toolset — Authentication, Endpoints, Files and 7 more — is a fair guide to whether it matches your workflow. It is maintained by didoo; worth a glance at recent repository activity before you build anything load-bearing on it.

SyncDev reviews every entry in this directory against the project's own documentation before publishing, and revisits them as servers change.

Caveats

  • 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.
  • With 10 tools registered it takes up a noticeable share of the context window; turn it off in projects that never touch Figma.
  • 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.

Available tools

ToolWhat it does
AuthenticationCreates new Api object with specified personalAccessToken or oAuthToken. For details about how to get these tokens, [see the documentation](https://www.figma.com/developers/api#authentication)
EndpointsAll these endpoints methods receive objects like pathParams, queryParams, requestBody, as arguments, and return a Promise. For details about the shape of these objects refer to the official Figma REST API documentation (
FilesThe Files tool exposed by this server.
CommentsThe Comments tool exposed by this server.
UsersThe Users tool exposed by this server.
ProjectsThe Projects tool exposed by this server.
WebhooksThe Webhooks tool exposed by this server.
PaymentsThe Payments tool exposed by this server.
VariablesThe Variables tool exposed by this server.
AnalyticsThe Analytics tool exposed by this server.

How to install the Figma MCP server

{
  "mcpServers": {
    "figma-api-server": {
      "command": "npx",
      "args": ["-y", "figma-api"]
    }
  }
}

Add to claude_desktop_config.json, then restart Claude Desktop.

Example prompts to try

  • Use Figma to Authentication.
  • Use Figma to Endpoints.
  • Use Figma to Files.

Frequently asked questions

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