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
743,406 tools. Updated 2026-11-04 20:13
"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
- Fetches design context for a Figma node, returning reference code, assets, screenshot, and variables for Flutter, HTML, or React design-to-code workflows.MIT
- Push all queued Figma edits into your code, then refresh every screen in Figma from the code in one click.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
Matching MCP Servers
- AlicenseAqualityDmaintenanceConverts 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.723 npmMIT
- 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.523 npmMIT
Matching MCP Connectors
Video how-to search for AI agents: 2,000+ video skills, tutorials and FFmpeg recipes. No key.
Convert PDF pages into editable Word-ready text from your AI chat, all offline.
- 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
- Report fix progress to the Figma panel during a fine-tune. Mark done to redraw Figma from code and clear the changelog.MIT
- List Figma edits that weren't automatically written to code, showing the reason each is still pending.MIT
- Checks SplitHub setup: config, provider, middleware, routes, code refs and endpoint; validates Expo/React Native packages, storage, redirects and native SDK build files, and reports fixes on failure.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
- Locate Figma code layers (CODE_INSTANCE) on a page or across a file to retrieve their position, size, page, and linked dev resources or source links.MIT
- Generate a React project skeleton with Vite, antd, AG Grid, ApexCharts, and Tailwind, automatically wiring Figma design tokens into the configuration files.MIT
- Export your current design as code in HTML, React, Vue, or Figma token format. Choose the format that fits your workflow.MIT
- Map Figma icons to existing project SVG files for reuse, including color contract and import hints, to avoid duplicate exports.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
- Generate structured Markdown component docs from a Figma component, including anatomy, color and spacing tokens, typography, content guidelines, annotations, and design-code parity.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
- Fetches image fills from a Figma file and converts them into data URIs with metadata, skipping assets over a size limit. Ideal for design-to-code workflows needing local image access.MIT
- Convert MCP server definitions between Claude Code/Desktop, Cursor, Gemini CLI, and Codex formats, returning target config files without writing changes.MIT