MCP server

Figma To Code

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

Checked 28 Oct 2026, 09:04 UTC · Still published on its registry; checked against OSV.dev; never run by us

LLM-optimized Figma MCP server.

From the maker's README Figma To Code MCP Transform Figma design data into a compact, LLM-friendly format for code generation and UI building. Source

Source

At a glance

Type

MCP server

Publisher

Not verified

Status

Runs on your computer

Sets up in

Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code

Last checked

28 Oct 2026, 09:04 UTC

Connect it to your agent

Add to CursorAdd to VS CodeVS Code Insiders

Opens the app, which shows the server and asks you to confirm. It then runs the package on your computer with your permissions. For other apps, copy the setup below.

Claude Code

claude mcp add figma-to-code-mcp --env FIGMA_API_KEY=YOUR_VALUE -- npx -y @tmegit/figma-to-code-mcp@0.29.0

Claude Desktop

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

Codex (config.toml)

[mcp_servers.figma-to-code-mcp]
command = "npx"
args = ["-y","@tmegit/figma-to-code-mcp@0.29.0"]
env = { FIGMA_API_KEY = "YOUR_VALUE" }

Gemini CLI

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

Cursor

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

VS Code

{"servers":{"figma-to-code-mcp":{"type":"stdio","command":"npx","args":["-y","@tmegit/figma-to-code-mcp@0.29.0"],"env":{"FIGMA_API_KEY":"YOUR_VALUE"}}}}

Runs on your computer with your permissions: check the package and its source before installing. Replace YOUR_VALUE with your own FIGMA_API_KEY.

Browse

• GitHub tools
• Figma tools
• GitHub and code hosting
• Design tools
• Calling other AI models

Related MCP servers

• Figma
  Figma MCP Pack
• ABA routing 9-digit shape, value discarded
  ABA routing 9-digit shape, value discarded
• Botoi
  49 developer tools via MCP: DNS, WHOIS, IP lookup, JWT, hashing, QR, and more.
• Design System
  Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
• Figma MCP Server
  The Figma MCP server brings Figma design context directly into your AI workflow.
• Figma Context
  LLM-optimized Figma MCP server.
• Figma React
  An MCP server that converts Figma designs into React code.
• Figma CodeKit MCP
  Figma to pixel-perfect code: deterministic HTML/React, then a render + pixel-diff verify loop.

Badge for your README

[![AptLynx](https://aptlynx.net/badge/io.github.felixAnhalt/figma-to-code-mcp.svg)](https://aptlynx.net/servers/io.github.felixAnhalt/figma-to-code-mcp)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents