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,334 tools. Last updated 2026-04-07 23:38
- 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
- Convert Figma designs to JSX and CSS pseudo-code for specific frames or components, enabling design-to-code workflows.
- Extract design tokens, components, and structure from Figma designs to convert them into React code.MIT
- Convert SVG content or files into React components with configurable options including TypeScript generation, React Native support, and optimization.
- Retrieve React Native theme code examples from BluestoneApps coding standards to implement consistent styling in mobile applications.
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 updated 7 months ago56MIT
- -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 updated a year ago72MIT
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…