Figma MCP Server

Model Context Protocol server for Figma integration with smart position info

Local serverstdio

What is the Figma MCP Server?

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

More MCP options

Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.

Maintainer setup documentation.

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

Frequently asked questions

Model Context Protocol server for Figma integration with smart position info Confirm the tools offered by your installed version in the connected client. Tool availability and permissions depend on the server and account configuration.