Figma To Code MCP

Transform Figma design data into a compact, LLM-friendly format for code generation and UI building. Its 4 documented tools cluster into read & search, render. It runs locally over stdio via the published package.

People connecting coding agent tools to Claude, Cursor, VS Code, or another MCP client. The project is written in TypeScript.

VERIFIED ACTIVE

LAST COMMIT 2026-07-23 · ★ 4 · #97 OF 194 MAINTAINED CODING AGENT · VERIFIED 2026-08-25

MIT · TypeScript servers · how we verify → /methodology

01 · Install Figma To Code MCP

before you install - you'll need

Set FIGMA_API_KEY, FIGMA_MCP_CACHE_PATH, FIGMA_MCP_CACHE_TTL_MS before connecting.

Claude Code

claude mcp add felixanhalt-figma-to-code-mcp -- npx -y @tmegit/figma-to-code-mcp

Claude Desktop / Cursor / VS Code - add to config

{
  "mcpServers": {
    "felixanhalt-figma-to-code-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@tmegit/figma-to-code-mcp"
      ]
    }
  }
}

Same JSON for Cursor. For VS Code, rename the top-level key from `mcpServers` to `servers`.

Using another client? Same JSON, different key

Claude Desktop · mcpServers

Cursor · mcpServers

VS Code · servers

Windsurf · mcpServers

Zed · context_servers

Cline · mcpServers

Roo Code · mcpServers

Continue · mcpServers

LibreChat · mcpServers

Gemini CLI · mcpServers

Codex CLI · mcp_servers

Full setup guides: every client.

02 · Evidence

Security posture

What to check before giving this server access to your agent - from the registry, GitHub, and our own probes. We don't score safety; we show what's verifiable.

runs as local process (stdio) - runs on your machine with your user's permissions

license MIT - declared in the repository

npm package @tmegit/figma-to-code-mcp - the @tmegit scope differs from the repo owner (felixanhalt); confirm it's the project's official package

registry namespace io.github.felixAnhalt is GitHub-verified and matches the repo owner

03 · What Figma To Code MCP can do

Prose above is summarized from the project's README and registry record - no invented capabilities.

What you can build

With this server connected, an agent can retrieve image fill URLs from a Figma file, and read vector node data as SVG.

Capability map

Tools grouped from the project's README - what Figma To Code MCP lets an agent do.

read & search

3 tools - e.g. Fetches CSS-aligned, LLM-optimized design data. Supports SVG export to custom dir.; Retrieves image fill URLs from a Figma file; Reads vector node data as SVG

get_figma_design · get_image_fills · read_vector_svg

Render

1 tool - e.g. Renders Figma nodes as PNG images

render_node_images

Latest releases

v0.29.0 · 2026-07-23

0.29.0 (2026-07-23) · add support for Figma annotations in MCP response

v0.28.2 · 2026-05-09

0.28.2 (2026-05-07) · ignore !visible styles

v0.28.1 · 2026-04-30

0.28.1 (2026-04-30) · retrigger release

04 · Who maintains Figma To Code MCP

figma-to-code-mcp is maintained by felixanhalt. We track 2 MCP servers from felixanhalt - 2 actively maintained, 8 combined GitHub stars, oldest repo from Mar 2026.

05 · Facts

repository: github.com/felixanhalt/figma-to-code-mcp
category: coding agent - ranked #97 of 194 actively-maintained coding agent servers as of 2026-08-25.
release cadence: 1 release in the last 90 days (latest 2026-07-23)
registry: io.github.felixAnhalt/figma-to-code-mcp (active, first published 2026-04-03 · 16 versions)
packages: npm:@tmegit/figma-to-code-mcp

06 · Figma To Code MCP FAQ

Is Figma To Code MCP still maintained?

Yes - as of 2026-08-25, its last commit was 2026-07-23 and it shipped 1 release in the last 90 days. We re-verify nightly.

What can Figma To Code MCP do?

With this server connected, an agent can retrieve image fill URLs from a Figma file, and read vector node data as SVG.

How do I install Figma To Code MCP?

Run `npx -y @tmegit/figma-to-code-mcp`. The README documents 3 environment variables (FIGMA_API_KEY, FIGMA_MCP_CACHE_PATH, FIGMA_MCP_CACHE_TTL_MS) to set first. Set FIGMA_API_KEY, FIGMA_MCP_CACHE_PATH, FIGMA_MCP_CACHE_TTL_MS before connecting. You can also paste the ready-made client config above.

Does Figma To Code MCP run locally?

Yes - it's a stdio server: it runs on your machine (via npx) with your user's permissions. Your data stays local unless the server itself calls external APIs.

07 · Alternatives to Figma To Code MCP

Alternatives to Figma To Code MCP

Maintained coding agent servers if Figma To Code MCP isn't the fit.

Pairs well with

Servers that cover what Figma To Code MCP doesn't - only shown when the pairing reason fits the companion.

More coding agent MCP servers · Glass · Dep Scope · Agent Audit · Google Jules MCP Server · Si Git

More TypeScript MCP servers · Bibelstudium MCP · File To PDF · Spectra MCP Server · Mermaid MCP App · Firebase MCP · see all