Figma to React MCP
Related Servers
Alternatives to Figma to React MCP
No user-submitted related servers found.
Related Servers
- AlicenseNot gradedqualityDmaintenanceAnalyzes React component changes by performing structural analysis and generating visual diffs to identify pixel-level differences. It integrates with Figma to validate implementation compliance against design specifications and automates component reviews across git branches.MIT
- AlicenseAqualityDmaintenanceConverts Figma designs into production-ready React components with design token extraction, widget registry integration, and micro-frontend module generation.356 npm1MIT
- FlicenseAqualityDmaintenanceSyncs design tokens and components from Figma to a Design System codebase, enabling automated generation of React components and Storybook stories.5-
- AlicenseAqualityCmaintenanceExtracts SVG icons from Figma and generates React TSX icon components automatically, enabling AI assistants like GitHub Copilot and Claude to manage icon workflows.26 npm1MIT
- AlicenseNot gradedqualityDmaintenanceConnects Figma designs to React components using your actual component library, enabling AI tools to generate production-ready code with proper imports.1MIT
- AlicenseNot gradedqualityDmaintenanceConverts Figma designs into React components with TypeScript and Tailwind CSS by extracting components from Figma files and transforming them into ready-to-use code.77MIT
TDQS
Scored across 5 tools
analyze_figma_design and test_design_implementation are distinct, but design_to_code and create_design_pr both create GitHub PRs, making it unclear which one should be called and when. setup_project_branch also overlaps with the PR-creation flow, so the boundaries between these tools are confusing.
Most tools follow a clear verb_noun pattern (analyze_figma_design, setup_project_branch, create_design_pr, test_design_implementation), but design_to_code breaks the pattern by using a noun_to_noun style. This is a minor deviation in an otherwise consistent naming scheme.
Five tools is well-scoped for a Figma-to-React conversion pipeline covering analysis, branch setup, generation, testing, and PR creation. There are no redundant filler tools beyond the overlapping PR responsibilities.
The core pipeline of analyze, generate, test, and create PR is present, but the workflow is muddled because design_to_code already creates a PR and create_design_pr creates another PR with test results. There is also no clear tool for updating or fixing a generated implementation after visual regression testing fails.