figma-dev-mode-mcp-server

Figma Dev Mode MCP Server — provides get_design_context, get_variable_defs, get_metadata, and get_screenshot tools for reading Figma design data into Claude Code. Requires the Figma desktop app to be running with Dev Mode MCP Server enabled (Preferences → Enable Dev Mode MCP Server).

This is a sse MCP server. Install it by adding it to the mcpServers block of your .mcp.json or plugin manifest — see Technical details below for the full configuration and a copyable JSON snippet.

Installable Ships in design-to-code-builder — or copy the raw MCP config below.

Open Claude.ai

Paste into Claude Code, Claude.ai, the desktop app, or the browser extension — ⌘/Ctrl+V.

ExperimentalNo security review

Technical details

Source

design-to-code-builder

Author

Dakota Smith

Maturity

experimental

Security review

No security review

Owners

engineering
design

Transport

sse

URL

http://127.0.0.1:3845/sse

File

plugins/design-to-code-builder/.mcp.json

Copy this into your mcpServers block:

{
  "mcpServers": {
    "figma-dev-mode-mcp-server": {
      "type": "sse",
      "url": "http://127.0.0.1:3845/sse"
    }
  }
}

Edit this MCP config on GitHub — opens GitHub's web editor. No git knowledge needed.