Is io.github.felixAnhalt/figma-to-code-mcp safe to use?

io.github.felixAnhalt/figma-to-code-mcp has no known CVEs as of the latest MCPpedia security scan. It does not require authentication, so any local process can connect — keep this in mind in shared environments.

How do I install io.github.felixAnhalt/figma-to-code-mcp?

io.github.felixAnhalt/figma-to-code-mcp supports copy-paste install configs on its MCPpedia page for Claude Desktop, Cursor, and Claude Code. Scroll to the Quick Install section and select your client.

What AI clients work with io.github.felixAnhalt/figma-to-code-mcp?

io.github.felixAnhalt/figma-to-code-mcp is compatible with claude-desktop, cursor, claude-code. It uses stdio transport.

Is io.github.felixAnhalt/figma-to-code-mcp actively maintained?

io.github.felixAnhalt/figma-to-code-mcp is recently maintained — last commit was 71 days ago. It has 4 GitHub stars.

io.github.felixAnhalt/figma-to-code-mcp

LLM-optimized Figma MCP server.

4 GitHub

No known CVEs

No license

Maintained

Last commit 71d ago

Works with most clients

Transport: stdio

0 tools

Grade F

MCPpedia last refreshed this data 1d ago

Edit this pageView history

Design

Step 1

Install in your client

Config is the same across clients — only the file and path differ.

Supported in Claude Desktopstdio · Node 18+

Paste into ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "Figma To Code MCP": {
      "args": [
        "-y",
        "@tmegit/figma-to-code-mcp",
        "--figma-api-key=YOUR-KEY",
        "--stdio"
      ],
      "command": "npx"
    }
  }
}

Are you the author?

Add this badge to your README to show your security score and help users find safe servers.

Embed in your READMEAbout badges →

[![MCPpedia Score](https://mcppedia.org/api/badge/io-github-felixanhalt-figma-to-code-mcp-felixanhalt)](https://mcppedia.org/s/io-github-felixanhalt-figma-to-code-mcp-felixanhalt)

Read me

What io.github.felixAnhalt/figma-to-code-mcp does

LLM-optimized Figma MCP server.

Test This Server

No automated test available for this server. Check the GitHub README for setup instructions.

Loading README…

Scored, not listed

Why this score

Five weighted categories — click any category to see the underlying evidence.

Score breakdown

28/100across 5 weighted dimensions

How we score →

0255075100

−72

Security

Maintenance

Efficiency

Documentation

Compatibility

Categoriesclick a row to see evidence

Security

OSV.dev

No known CVEs.

No package registry to scan.

Help improve this page

This server is missing a description. Tools and install config are also missing.If you've used it, help the community.

Add information

Community

Reviews

Be the first to review

Have you used this server?

Share your experience — it helps other developers decide.

How easy was setup?Did it work reliably?How was the documentation?

Frequently Asked Questions

Is io.github.felixAnhalt/figma-to-code-mcp safe to use?: io.github.felixAnhalt/figma-to-code-mcp has no known CVEs as of the latest MCPpedia security scan. It does not require authentication, so any local process can connect — keep this in mind in shared environments.
How do I install io.github.felixAnhalt/figma-to-code-mcp?: io.github.felixAnhalt/figma-to-code-mcp supports copy-paste install configs on its MCPpedia page for Claude Desktop, Cursor, and Claude Code. Scroll to the Quick Install section and select your client.
What AI clients work with io.github.felixAnhalt/figma-to-code-mcp?: io.github.felixAnhalt/figma-to-code-mcp is compatible with claude-desktop, cursor, claude-code. It uses stdio transport.
Is io.github.felixAnhalt/figma-to-code-mcp actively maintained?: io.github.felixAnhalt/figma-to-code-mcp is recently maintained — last commit was 71 days ago. It has 4 GitHub stars.

Similar servers

Others in design

View all →

Mcp92

3D & AR SDK for Android, iOS, Web — API docs, samples, validation, and code generation.

1.3k 7

MeiGen AI Design MCP91

MeiGen-AI-Design-MCP — Turn Claude Code / OpenClaw into your local Lovart. Local ComfyUI, 1,400+ prompt library, multi-direction parallel generation.

1.6k 6

ai.spritecook/generate91

Generate game sprites and assets from text prompts for game development.

24 5

Image MCP Server90

AI image generation and editing with prompt optimization and quality presets. Powered by Nano Banana

138 2

MCP Security Weekly

Get CVE alerts and security updates for io.github.felixAnhalt/figma-to-code-mcp and similar servers.

Community

Discussion

Start a conversation

Ask a question, share a tip, or report an issue.

Has anyone used this with Cursor?How do you handle auth?Any alternatives?

Edit this pageView history

Design

Step 1

Install in your client

Config is the same across clients — only the file and path differ.

Supported in Claude Desktopstdio · Node 18+

Paste into ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "Figma To Code MCP": {
      "args": [
        "-y",
        "@tmegit/figma-to-code-mcp",
        "--figma-api-key=YOUR-KEY",
        "--stdio"
      ],
      "command": "npx"
    }
  }
}

Are you the author?

Add this badge to your README to show your security score and help users find safe servers.

Embed in your READMEAbout badges →

[![MCPpedia Score](https://mcppedia.org/api/badge/io-github-felixanhalt-figma-to-code-mcp-felixanhalt)](https://mcppedia.org/s/io-github-felixanhalt-figma-to-code-mcp-felixanhalt)

Read me

What io.github.felixAnhalt/figma-to-code-mcp does

LLM-optimized Figma MCP server.

Test This Server

No automated test available for this server. Check the GitHub README for setup instructions.

README

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

Tool	Description
`get_figma_design`	Fetches CSS-aligned, LLM-optimized design data. Supports SVG export to custom dir.
`get_image_fills`	Retrieves image fill URLs from a Figma file
`render_node_images`	Renders Figma nodes as PNG images
`read_vector_svg`	Reads vector node data as SVG

Required Scopes

Create a Figma personal access token with these scopes:

Scope	Purpose
`file_content:read`	Read file nodes, layout, styles
`library_content:read`	Read published components/styles
`file_variables:read`	Read variables (Enterprise only, optional)

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

How it works

Open your IDE's chat (e.g. agent mode in Cursor).
Paste a link to a Figma file, frame, or group.
Ask Cursor to implement the design.
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 V2_CSS_PROPERTY_MAPPING.md for complete property mapping details.

Getting Started

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

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

MacOS / Linux

{
  "mcpServers": {
    "Figma To Code MCP": {
      "command": "npx",
      "args": ["-y", "@tmegit/figma-to-code-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]

... [View full README on GitHub](https://github.com/felixanhalt/figma-to-code-mcp#readme)

Loading README…

Scored, not listed

Why this score

Five weighted categories — click any category to see the underlying evidence.

Score breakdown

28/100across 5 weighted dimensions

How we score →

0255075100

−72

Security

Maintenance

Efficiency

Documentation

Compatibility

Categoriesclick a row to see evidence

Security

OSV.dev

No known CVEs.

No package registry to scan.

Help improve this page

This server is missing a description. Tools and install config are also missing.If you've used it, help the community.

Add information

Community

Reviews

Be the first to review

Have you used this server?

Share your experience — it helps other developers decide.

How easy was setup?Did it work reliably?How was the documentation?

Frequently Asked Questions

Is io.github.felixAnhalt/figma-to-code-mcp safe to use?: io.github.felixAnhalt/figma-to-code-mcp has no known CVEs as of the latest MCPpedia security scan. It does not require authentication, so any local process can connect — keep this in mind in shared environments.
How do I install io.github.felixAnhalt/figma-to-code-mcp?: io.github.felixAnhalt/figma-to-code-mcp supports copy-paste install configs on its MCPpedia page for Claude Desktop, Cursor, and Claude Code. Scroll to the Quick Install section and select your client.
What AI clients work with io.github.felixAnhalt/figma-to-code-mcp?: io.github.felixAnhalt/figma-to-code-mcp is compatible with claude-desktop, cursor, claude-code. It uses stdio transport.
Is io.github.felixAnhalt/figma-to-code-mcp actively maintained?: io.github.felixAnhalt/figma-to-code-mcp is recently maintained — last commit was 71 days ago. It has 4 GitHub stars.