Install Figma React in Claude Code
claude mcp add figma-react -- npx -y @manansiingh/figma-react-mcp-server{
"mcpServers": {
"figma-react": {
"command": "npx",
"args": [
"-y",
"@manansiingh/figma-react-mcp-server"
]
}
}
}Frequently asked questions
What does the Figma React MCP server do?
An MCP server that converts Figma designs into React code.
Is the Figma React MCP server free?
Yes, most likely. Open source and no paid account or API key is mentioned in the listing. Check the provider for current pricing.
Does Figma React run locally or remotely?
Local. Runs on your machine (stdio). You install it with npx, uvx, Docker or from source.
How do I add Figma React to Claude Code?
Run: claude mcp add figma-react -- npx -y @manansiingh/figma-react-mcp-server
More developer tools MCP servers
View allStorybook
storybookjs/storybook/mcp
Helps agents write and test Storybook stories for UI components.
Front-End Checklist
thedaviddias/Front-End-Checklist
Review frontend code and live pages against 386 quality-gated web development rules.
Codebase Memory
DeusData/codebase-memory-mcp
Indexes a repo into a persistent local knowledge graph of functions, classes, call chains, HTTP routes and cross-service links, using tree-sitter and LSP.
Posthog
PostHog/posthog/mcp
Interact with PostHog analytics, feature flags, error tracking and more.
Figma Context
GLips/Figma-Context-MCP
Gives coding agents direct access to Figma data to implement designs in one shot.
Claude Task Master
eyaltoledano/claude-task-master
Task management for AI-driven development: PRD parsing, task expansion, multi-provider support and selective tool loading to save context.