MCP.Market

Figma To Code MCP server

by felixAnhalt·io.github.felixAnhalt/figma-to-code-mcp·v0.29.0·5 stars
No reviews yet

LLM-optimized Figma MCP server.

B83/100grade B
Write a reviewInstall
What users say
No reviews yet
Be the first
Safety scan
B83/100

full report

Adoption
Growing

5 stars102 downloads/wk

Reviews

Write one

Nobody has reviewed Figma To Code yet.

If you have run it, two minutes of your experience saves the next person an afternoon.

Figma To Code tools

No tool declarations could be read from the package source. They show once the server is installed.

Public scan report

scanner v0.1.9 · 2026-09-25 · same rubric, same numbers if you re-run it

no findings
  • Code scan11 source files scanned25/25
  • –Live reliabilityno gateway calls yet and no remote to proben/a
  • –Tool poisoningtools not inspected (local package is not executed); not countedn/a
  • Auth qualitystatic API keys via environment variables6/15
  • Maintenancelast push 28 days ago15/15
  • Maintainer identityregistry namespace matches repository owner; GitHub account older than a year8/10
Overall 83/100. Components that don't apply are left out of the denominator. Any critical finding is an F.RubricAppeal a findingJSON

How Figma To Code compares

Against every graded AI and agents MCP server, from our own scans and uptime checks. Updated after each scan run.

Safety score
83/100
higher than 68% of 4,460 AI and agents servers
GitHub stars
5
more than 78% of 2,711 AI and agents servers
Downloads a week
102
more than 64% of 1,538 AI and agents servers with a package

Install Figma To Code in Claude Code, Cursor or VS Code

Runs npx -y @tmegit/figma-to-code-mcp on your machine. Read the scan report first; the gateway never runs local packages.

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

What the publisher says

From the Figma To Code repository's README, as published. We do not edit it. Read it on GitHub

Figma To Code MCP Transform Figma design data into a compact, LLM-friendly format for code generation and UI building.

Why This Project?

Figma To Code MCP specializes in extracting only the information LLMs need to build UIs while removing Figma-specific metadata that isn't relevant for code generation. The result:

  • ✅ 99.5% size reduction on real Figma files (65 MB → 128 KB)
  • ✅ CSS-aligned property names (backgroundColor, flexDirection, etc.) matching LLM training data
  • ✅ Complete UI-building data preserved (layout, styling, text, components)
  • ✅ Inline styles - no separate dictionaries to parse
  • ✅ Omits Figma internals - no bounding boxes, constraints, or prototype data
  • ✅ Variable resolution - resolves Figma variables to actual values
  • ✅ SVG support - exports vector graphics to disk
  • ✅ Pattern collapsing - deduplicates repeating UI patterns

Give Cursor and other AI-powered coding tools access to your Figma files with this Model Context Protocol server.

Available Tools

Required Scopes

Create a Figma personal access token with these scopes:

Note: Variable resolution requires Enterprise plan. Set resolveVariables: false if not on Enterprise.

How it works

  1. Open your IDE's chat (e.g. agent mode in Cursor).
  2. Paste a link to a Figma file, frame, or group.
  3. Ask Cursor to implement the design.
  4. Cursor fetches CSS-aligned, LLM-optimized design data and generates accurate code.

This MCP server transforms Figma API data into an LLM-friendly format:

  • CSS property names (backgroundColor, flexDirection, fontSize) instead of Figma internals
  • Inline styles directly in nodes (no separate dictionaries)
  • Flexbox primitives for layout (no absolute positioning)
  • Complete UI data (colors, typography, spacing, effects)
  • 99.5% size reduction while preserving all UI-critical information

See V2CSSPROPERTY_MAPPING.md for complete property mapping details.

Getting Started

Many code editors and other AI clients use a configuration file to manage MCP servers.

This server requires Node.js 18 or later.

The tmegit-figma-to-code-mcp server can be configured by adding the following to your configuration file.

MacOS / Linux

Shortened. The full README is on GitHub.

Nothing above is checked by us. What we check is on the safety report.

Figma To Code: common questions

Is Figma To Code MCP server safe?
Mostly: it is graded B (83/100). Read the Figma To Code safety report
How do I install Figma To Code?
It runs on your machine. Copy the Claude Code, Cursor, VS Code or Claude Desktop config from the install section.
Does Figma To Code need an API key?
Yes. The registry entry asks for FIGMA_API_KEY.
Is Figma To Code maintained?
The last commit was 68 days ago (2026-08-28). The latest release is v0.29.0.
What can I use instead of Figma To Code?
Servers from other publishers that do the same job: Figma Context MCP server and Agent Lsp MCP server.
How does Figma To Code compare with other AI and agents MCP servers?
safety score 83/100 (higher than 68% of 4,460 AI and agents servers); github stars 5 (more than 78% of 2,711 AI and agents servers); downloads a week 102 (more than 64% of 1,538 AI and agents servers with a package). Full comparison.

Alternatives to Figma To Code

Same job from other publishers: the closest match first, then the best rated.

  • Figma Context
    Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
    B
  • Agent Lsp
    Orchestrates language servers into 65 code-intelligence tools across 32 languages, token-optimized.
    A