Figma

Curated by Figma Design

About

Design context, variables, components, Code Connect, and write-to-canvas workflows.

Use this server

Add it to your MCP client. The catalogue lists this config verbatim from its source — it does not run, download, or vouch for the server. Review the command before you run it.

TransportHTTP (remote server)

AuthOAuth

Claude Code

claude mcp add --transport http figma-mcp https://mcp.figma.com/mcp

Cursor

Add to Cursor

If the button doesn't open Cursor, use the JSON below — Cursor accepts the same mcpServers config.

VS Code

code --add-mcp '{"name":"figma-mcp","type":"http","url":"https://mcp.figma.com/mcp"}'

JSON

{
  "mcpServers": {
    "figma-mcp": {
      "url": "https://mcp.figma.com/mcp"
    }
  }
}

Setup notes

Official remote Figma MCP. Figma currently allows only clients listed in its MCP catalog.