claude mcp add ananingh2001-figma-react -- npx -y @manansiingh/figma-react-mcp-server
{
"mcpServers": {
"ananingh2001-figma-react": {
"command": "npx",
"args": ["-y", "@manansiingh/figma-react-mcp-server"]
}
}
}
{
"mcpServers": {
"ananingh2001-figma-react": {
"command": "npx",
"args": ["-y", "@manansiingh/figma-react-mcp-server"]
}
}
}
{
"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.