Figma MCP Server

Model Context Protocol server for Figma integration with smart position info

Local serverstdio

What is the Figma MCP server?

If you already use Figma, the figma mcp server is the piece that lets your assistant work with it directly. Model Context Protocol server for Figma integration with smart position info.

What the server does

A Model Context Protocol (MCP) server that enhances Figma design integration by adding element position information to API responses. This enables AI assistants to better understand spatial relationships and convert designs to code more accurately by inferring logical layouts from absolute positioning.

  • Position Data Enhancement - Adds x, y, width, height for non-AutoLayout elements
  • 🧠 Layout Inference - Helps AI understand spatial relationships from absolute positioning
  • 🔄 Full Compatibility - Maintains all original functionality and integrations
  • 🚀 Multiple CLI Commands - Three convenient command aliases
  • 🛡️ Secure Integration - Uses official Figma API with personal access tokens
  • 📱 MCP Compatible - Works with Claude Desktop, Cursor, and other MCP tools

Installation

The server ships on npm as figma-context-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.

Credentials and setup notes

Configuration is passed through the environment: FIGMA_API_KEY, YOUR_TOKEN. Treat anything key-shaped as a real credential — scope it to the minimum the server needs, and rotate it if it ever lands in a shared config.

Where it fits

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. It is maintained by camscanner-share; 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.

Worth knowing first

  • 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.
  • Missing credentials fail quietly in some clients — if no tools show up, check the environment block first.
  • Keep per-call confirmation enabled while you learn its behaviour; it is the cheapest safeguard you have.

How to install the Figma MCP server

{
  "mcpServers": {
    "figma-context": {
      "command": "npx",
      "args": ["figma-context-mcp", "--figma-api-key=${FIGMA_API_KEY}", "--stdio"]
    }
  }
}

Configuration as documented by the project. Restart the client after saving.

Configuration

VariableDescriptionRequired
FIGMA_API_KEYCredential the server authenticates with.Yes
YOUR_TOKENCredential the server authenticates with.Yes

Frequently asked questions

It connects Figma to MCP-compatible AI assistants such as Claude and Cursor. Instead of copying data back and forth by hand, the assistant works with Figma directly.