MCP server · Design and testing

Figma Dev Mode MCP server

Figma's official Dev Mode MCP server that lets an agent read selected frames, components, and styles from the running Figma desktop app.

Official

Local binary

Verified May 22, 2026 · editorial policy

TL;DR

Server: Figma Dev Mode MCP server
Vendor: Figma
Category: Design and testing
Distribution: Local binary
TL;DR: Figma ships an official MCP server inside the desktop app's Dev Mode. The agent can read the user's current selection, inspect components, and surface tokens – bridging the gap between a design and the code that should implement it. The right server when you are translating a Figma file into shipping UI.
Founder fit: If you are an indie SaaS founder using Figma to draft your landing page or app UI, this server lets Claude or Cursor read the design directly from the desktop app rather than asking you to copy values. Auto-grounded design-to-code, with no screenshot ping-pong.
Last verified: May 22, 2026

What an agent can do with it

Read the current selection

Inspect the frame or component the user has selected in Figma.

Inspect tokens and styles

Surface design tokens and component definitions for code generation.

Why an indie SaaS founder cares

If you are an indie SaaS founder using Figma to draft your landing page or app UI, this server lets Claude or Cursor read the design directly from the desktop app rather than asking you to copy values. Auto-grounded design-to-code, with no screenshot ping-pong.

Install

Access: Runs inside the Figma desktop app via a local loopback port. Enable Dev Mode and the MCP server toggle in preferences.

Claude Desktop

Add the following block to your claude_desktop_config.json and restart Claude:

{
  "mcpServers": {
    "figma": {
      "command": "figma-desktop"
    }
  }
}

Cursor

Add the following block to .cursor/mcp.json in your home directory or project root:

{
  "mcpServers": {
    "figma": {
      "command": "figma-desktop"
    }
  }
}

Install snippets are derived from the vendor's published distribution shape. If your client is neither Claude Desktop nor Cursor, see the vendor docs for client-specific configuration.