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
509,368 tools. Updated 2026-09-02 15:28
"How to convert Figma files to React code" matching MCP tools:
- Convert Figma designs to React components and automatically create a GitHub pull request for the generated code.MIT
- Converts provided React/JSX code into Symbols.app DOMQL, returning migration rules, syntax reference, and examples.Creative Commons Attribution Non Commercial 4.0 International
- List connected Figma files or trigger a sync to bring design tokens, components, and page structure into Contextium libraries.MIT
- Convert Figma designs into frontend code that matches your tech stack and style variables. Automatically detects and applies project configurations.Mozilla Public 2.0
- Convert a screenshot, mockup, or wireframe image into framework-specific component code. Supports React, Next.js, Vue, Angular, Svelte, HTML, and UI libraries like shadcn/ui.MIT
Matching MCP Servers
- AlicenseAqualityCmaintenanceConverts a Figma file into a React project using Ant Design, AG Grid, ApexCharts, and Tailwind CSS, with optional export of mobile screens as a React Native (Expo) app.725MIT
- AlicenseBqualityCmaintenanceAutomates 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.525MIT
Matching MCP Connectors
Figma MCP Pack
Transform any blog post or article URL into ready-to-post social media content for Twitter/X threads, LinkedIn posts, Instagram captions, Facebook posts, and email newsletters. Pay-per-event: $0.07 for all 5 platforms, $0.03 for single platform.
- Convert any document to clean, structured Markdown. PDFs preserve headings, TXT/CSV wrap in code blocks, and MD files remain unchanged. Get readable output for further processing.MIT
- Fetch a Figma file or specific node and get a compact tree with layout, styles, semantic roles, and Tailwind class suggestions to prepare for React code generation.MIT
- Generate a React project skeleton with Vite, antd, AG Grid, ApexCharts, and Tailwind, automatically wiring Figma design tokens into the configuration files.MIT
- Map Figma icons to existing project SVG files for reuse, including color contract and import hints, to avoid duplicate exports.MIT
- Export your current design as code in HTML, React, Vue, or Figma token format. Choose the format that fits your workflow.MIT
- Convert a Figma file into a full React web project with antd, AG Grid, ApexCharts, and Tailwind CSS. Optionally export mobile screens as a React Native Expo app.MIT
- Access the mapping rules that convert a Figma tree into React using Ant Design, AG Grid, ApexCharts, and Tailwind CSS.MIT
- Convert Markdown to reStructuredText by transforming headers to underlined text, code blocks to directives, and links to RST syntax. Supports GitHub-Flavored Markdown and KaTeX math expressions.MIT
- Generate a detailed upgrade diff between React Native versions to identify required changes in dependencies, native configurations, project files, and troubleshooting steps.MIT
- Export a 3D scene to React Three Fiber components, Remotion projects, glTF files, or JSON data for rendering and further use.MIT
- Convert Markdown to MediaWiki markup, transforming headers to wiki syntax, bold to triple quotes, code to syntaxhighlight tags, and tables to wikitable format.MIT
- Converts HTML and Tailwind code into React/Next.js components with state, props, hooks, and optional shadcn, Radix, or MUI component mapping.MIT
- Convert audio files to markdown format with transcription. Process local files or online URLs to create structured text documents from spoken content.MIT
- Upload local files to convert them into Markdown format using the Markdownify MCP Server. Get instructions for handling files that aren't accessible to remote servers.MIT