Figma Context MCP

A community server that reads a specific Figma node and returns its structure, styles, and layout in a form a model can translate into code. The scoping is deliberate: one frame in, one component…

Community stdio Verified 2026-11-09 figmadesigncode

Use it for

Turning a selected Figma frame into code that matches its layout and tokens

Skip it if

Whole-file design exploration; it is scoped to the node you give it

What it is

A community server that reads a specific Figma node and returns its structure, styles, and layout in a form a model can translate into code. The scoping is deliberate: one frame in, one component out. It is the most-used community Figma server for a reason, and still narrower than the vendor’s own integration.

Install

Terminal

npx -y figma-developer-mcp

Client configuration

Paste this into your MCP client config, then restart the client.

MCP client config (JSON)

{
  "mcpServers": {
    "avbbc": {
      "command": "npx",
      "args": ["-y", "figma-developer-mcp"]
    }
  }
}

Overlapping servers

All servers

01
Excalidraw MCPCommunity
Creates Excalidraw scenes from a description, which gives you an editable sketch rather than a picture. The hand-drawn style is a feature and a trap: it looks inform…
#diagrams#excalidraw#design
TypeScriptstdio
02
LSP MCPCommunity
Bridges a language server so the agent can ask editor-grade questions: where is this defined, what is the type, who references it. This is the difference between an …
#lsp#code-intelligence#editor
TypeScriptstdio
03
IMG.LY CodeSign MCPOfficial
A design engine exposed as tools: generate layouts, edit images, and export print-ready files. Different from image generators because the output is editable rather …
#design#images#generation
TypeScriptstdio