MCP.Market

Figma Context MCP server

by felixAnhalt·io.github.felixAnhalt/Figma-Context-MCP·v0.13.0·5 stars
No reviews yet

LLM-optimized Figma MCP server.

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

full report

Adoption
New

5 stars

Reviews

Write one

Nobody has reviewed Figma Context yet.

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

Figma Context tools (2)

write = sends, deletes, buys or posts

Read from the package source without running it. The installed server may list more.

  • get_figma_design

    Get complete Figma design data with full layout, styling, Flexbox primitives, and component relationships. Returns normalized graph optimized for LLM code generation.

  • get_image_fills

    Returns download URLs for all image fills in a Figma file. Image fills are user-supplied images placed into nodes. Use this to resolve imageRef values found in node fills to their actual download URLs.

Public scan report

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

no findings
  • Code scan9 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 31 days ago12/15
  • Maintainer identityregistry namespace matches repository owner; GitHub account older than a year8/10
Overall 78/100. Components that don't apply are left out of the denominator. Any critical finding is an F.RubricAppeal a findingJSON

How Figma Context compares

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

Safety score
78/100
higher than 57% of 4,460 AI and agents servers
Tools
2
the typical AI and agents server has 6
Tools that change things
0%
typical: 0%. Fewer write tools means less an agent can break
GitHub stars
5
more than 78% of 2,711 AI and agents servers

What its tools let an agent do: 2 read

Install Figma Context in Claude Code, Cursor or VS Code

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

claude mcp add Figma-Context-MCP -- npx -y @tmegit/figma-developer-mcp
Add to Cursor

What the publisher says

From the Figma Context 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 Context: common questions

Is Figma Context MCP server safe?
Mostly: it is graded B (78/100). Read the Figma Context safety report
How do I install Figma Context?
It runs on your machine. Copy the Claude Code, Cursor, VS Code or Claude Desktop config from the install section.
Does Figma Context need an API key?
Yes. The registry entry asks for FIGMA_API_KEY.
Is Figma Context maintained?
The last commit was 68 days ago (2026-08-28). The latest release is v0.13.0.
What can I use instead of Figma Context?
Servers from other publishers that do the same job: Agent Lsp MCP server.
How does Figma Context compare with other AI and agents MCP servers?
safety score 78/100 (higher than 57% of 4,460 AI and agents servers); tools 2 (the typical AI and agents server has 6); tools that change things 0% (typical: 0%. Fewer write tools means less an agent can break). Full comparison.

Alternatives to Figma Context

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

  • Agent Lsp
    Orchestrates language servers into 65 code-intelligence tools across 32 languages, token-optimized.
    A