Extract Figma node IDs and convert designs into HTML, React with CSS Modules, or React with Tailwind CSS using MCP server f2c-mcp-server to automate design-to-code workflows.
MIT
101,645 tools. Last updated 2026-04-13 15:05
- Convert Figma designs into React components and create GitHub pull requests. Accepts Figma URLs or file IDs to generate TypeScript React code with accessibility validation.MIT
- Add Figma design files to context for converting designs into React applications. Process Figma URLs to enable pixel-perfect React implementation.
- Generate React or HTML frontend code from Figma designs by fetching file data and creating minimal project skeletons for development.
- Convert Figma designs to JSX and CSS pseudo-code for specific frames or components, enabling design-to-code workflows.
- Extract SVG components from React/TypeScript/JavaScript files into individual SVG files, preserving structure while removing React-specific code.MIT
Matching MCP Servers
- AsecurityAlicense-qualityAutomates the conversion of Figma designs into TypeScript React components and integrates with GitHub to create pull requests for the generated code. It includes visual regression testing with Playwright and accessibility validation to ensure implementations match the original designs.Last updated57MIT
- -securityAlicense-qualityConverts Figma designs into React components with TypeScript and Tailwind CSS by extracting components from Figma files and transforming them into ready-to-use code.Last updated72MIT
Matching MCP Connectors
- Figma MCP ServerOAuth
The Figma MCP server brings Figma design context directly into your AI workflow.
Find open-source libraries and fetch contextual code snippets by version to accelerate development…