io.github.MananSingh2001/figma-react

Official registry Developer tools

An MCP server that converts Figma designs into React code.

Install

Add this to your client's MCP configuration (Claude Desktop: claude_desktop_config.json; Cursor: .cursor/mcp.json; VS Code and others use the same "mcpServers" shape).

NPM package @manansiingh/figma-react-mcp-server
Claude Code
claude mcp add figma-react -- npx -y @manansiingh/figma-react-mcp-server@1.0.3
JSON configuration (Claude Desktop, Cursor, VS Code)
{
    "mcpServers": {
        "figma-react": {
            "command": "npx",
            "args": [
                "-y",
                "@manansiingh/figma-react-mcp-server@1.0.3"
            ]
        }
    }
}

Frequently asked questions

What is io.github.MananSingh2001/figma-react?

An MCP server that converts Figma designs into React code.

How do I install io.github.MananSingh2001/figma-react?

It runs on your machine. In Claude Code: claude mcp add figma-react -- npx -y @manansiingh/figma-react-mcp-server@1.0.3. For other clients, paste the JSON configuration from this page into their MCP settings.

Does io.github.MananSingh2001/figma-react need an API key?

Its registry entry lists no required key or secret. Some features may still need an account with the service it connects to.

Is io.github.MananSingh2001/figma-react open source?

Its code is public on GitHub, but the repository does not declare a standard license.

Who maintains io.github.MananSingh2001/figma-react?

It is published by MananSingh2001. AI.tn lists it but does not maintain or endorse it.

From the official MCP Registry. Listing is not an endorsement: review a server's code and permissions before giving it access to your data.