MCP server

Figma React

io.github.MananSingh2001/figma-react

Checked 25 Oct 2026, 21:11 UTC · Still published on its registry; checked against OSV.dev; never run by us

An MCP server that converts Figma designs into React code.

Runs on your computer

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: 25 Oct 2026, 21:11 UTC

Connect it to your agent

Add to Cursor Add to VS Code VS 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-react -- npx -y @manansiingh/figma-react-mcp-server@1.0.3

Claude Desktop

{"mcpServers":{"figma-react":{"command":"npx","args":["-y","@manansiingh/figma-react-mcp-server@1.0.3"]}}}

Codex (config.toml)

[mcp_servers.figma-react]
command = "npx"
args = ["-y","@manansiingh/figma-react-mcp-server@1.0.3"]

Gemini CLI

{"mcpServers":{"figma-react":{"command":"npx","args":["-y","@manansiingh/figma-react-mcp-server@1.0.3"]}}}

Cursor

{"mcpServers":{"figma-react":{"command":"npx","args":["-y","@manansiingh/figma-react-mcp-server@1.0.3"]}}}

VS Code

{"servers":{"figma-react":{"type":"stdio","command":"npx","args":["-y","@manansiingh/figma-react-mcp-server@1.0.3"]}}}

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

Browse

Related MCP servers

Digitaltableteur
Design system contracts, docs search, and usage validation for @digitaltableteur components.
AnywhereRoles remote jobs
Remote job search as MCP tools: jobs, companies, categories, salaries. Links to original postings.
Compose Preview Catalogs
Browse, inspect and render Jetpack Compose Material 3 and Wear component catalogs.
Craftery Developer Tools
Developer utilities: color conversion, WCAG contrast, timestamps, UUIDs, and hashing.
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.
figmcp
Local Figma MCP server: frames to Flutter, React and HTML code, and design in Figma. No API limits.
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.MananSingh2001/figma-react.svg)](https://aptlynx.net/servers/io.github.MananSingh2001/figma-react)

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