mcpField
F
figma-react

figma-react

Local
github.com/MananSingh2001Developer Tools
Repository

About figma-react

An MCP server that converts Figma designs into React code

Configuration

Local server config is the same for every client. Copy it into your client’s MCP config file.

mcp.json · Universal config
{
  "mcpServers": {
    "manansingh2001-figma-react": {
      "command": "npx",
      "args": [
        "-y",
        "@manansiingh/figma-react-mcp-server"
      ]
    }
  }
}
Run commandnpx -y @manansiingh/figma-react-mcp-server

Local servers need a runtime on your machine (e.g. Node.js 18+). Config file locations differ by client; see your client’s docs.

Packages
npm@manansiingh/figma-react-mcp-server1.0.3

Tools

1

Saved tool list · updated 2w ago

ParameterTypeRequiredDescription
nodeIdstringYesThe ID of the requested Figma node from the design file.
fileKeystringYesThe unique key of the Figma file (from the URL).
figmaTokenstringYesPersonal Access Token for the Figma API

Details

The maintainer has not added details yet. Check the README in the repository.

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.