🛠️

figma-react

An MCP server that converts Figma designs into React code.

Developer Tools stdio npm npmstdioMananSingh2001
RUN IN TERMINAL
claude mcp add ananingh2001-figma-react -- npx -y @manansiingh/figma-react-mcp-server
ADD TO claude_desktop_config.json
{ "mcpServers": { "ananingh2001-figma-react": { "command": "npx", "args": ["-y", "@manansiingh/figma-react-mcp-server"] } } }
ADD TO .vscode/mcp.json
{ "mcpServers": { "ananingh2001-figma-react": { "command": "npx", "args": ["-y", "@manansiingh/figma-react-mcp-server"] } } }
ADD TO .cursor/mcp.json
{ "mcpServers": { "ananingh2001-figma-react": { "command": "npx", "args": ["-y", "@manansiingh/figma-react-mcp-server"] } } }

About This MCP Server

The io.github.MananSingh2001/figma-react tool is an MCP server that enables the conversion of Figma designs into React code, connecting Figma's design capabilities to React's development framework through the Model Context Protocol. This server can be utilized by developers who need to translate their Figma designs into functional React components, streamlining their front-end development workflow. Developers can reach for this tool when they want to automate the process of converting their Figma designs into React code, leveraging the MCP protocol to facilitate this conversion.

An MCP server that converts Figma designs into React code.. This is a Model Context Protocol (MCP) server that extends AI assistants like Claude with developer tools capabilities via the stdio transport.

Package

@manansiingh/figma-react-mcp-server on npm

HOW TO USE

Select your AI client above to get the install command. This MCP server uses the stdio transport and is available on npm.

What tools does it provide?

The figma-react server extends your AI assistant with developer tools capabilities. Once installed, your AI can use its tools automatically.

DETAILS
README BADGE
Skills Playground MCP badge
[![Skills Playground](https://skillsplayground.com/badges/mcp/ananingh2001-figma-react.svg)](https://skillsplayground.com/mcps/ananingh2001-figma-react/)
SHARE
Share on X

Related MCP Servers

Get the best new skills
in your inbox

Weekly roundup of top Claude Code skills, MCP servers, and AI coding tips.