Converts a Figma node URL to a code block by fetching the node and its rendered image from the Figma API.
MIT
129,347 tools. Last updated 2026-05-06 12:00
"How to convert Figma files to React code" matching MCP tools:
- Extract SVG components from React/TypeScript/JavaScript files into individual .svg files, preserving SVG structure and removing React-specific code.MIT
- 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
- Convert SVG strings or files into React components using SVGR, with settings for TypeScript, React Native, optimization, and formatting.MIT
- Convert Figma designs to React components and automatically create a GitHub pull request for the generated code.MIT
- Convert DOCX files to PDF format by specifying the input DOCX path and the desired output PDF path.MIT
Matching MCP Servers
- AlicenseBqualityBmaintenanceAutomates 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 updated54MIT
- Alicense-qualityCmaintenanceConverts 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 updated73MIT
Matching MCP Connectors
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.
Daily world briefing that tells AI assistants what's actually happening right now. Leaders, conflicts, deaths, economic data, holidays. Updated daily so they stop getting current events wrong.
- Generate React or HTML frontend code from Figma designs by fetching file data and creating minimal project skeletons for development.MIT
- Convert Figma designs to JSX and CSS pseudo-code for specific frames or components, enabling design-to-code workflows.
- Add Figma design files to context for converting designs into React applications. Process Figma URLs to enable pixel-perfect React implementation.
- Fetch full metadata and a copy-pasteable React usage example for any UploadKit component by name. Returns TSX code with import lines; suggests similar components if name not found.MIT
- Modify design token values in the local registry and optionally sync changes to Figma files to maintain design system consistency across platforms.MIT
- Convert leading spaces to tab characters to compress indentation for storage. Reads files or stdin without modifying them.MIT
- Pull design tokens, components, and styles from Figma into local registry for code integration. Use when starting design-related sessions or after Figma updates.MIT
- Convert PADS ASCII layout files (.asc) to KiCad PCB format. Outputs a ZIP archive containing the .kicad_pcb file.Apache 2.0
- Generate React components with shadcn/ui and Tailwind CSS from design specifications. Converts saved specs into production-ready code files organized by atomic design structure.MIT
- Convert Protel99SE schematic and PCB files to KiCad 7 format. Accepts .sch, .pcb, .lib files or a zip archive, and outputs KiCad files with a conversion report.Apache 2.0
- Convert gEDA .pcb board files to KiCad format, outputting a ZIP archive with the .kicad_pcb file.Apache 2.0
- Generates a custom React hook for an Appo SDK feature. Returns TypeScript code with types, error handling, and loading states.MIT
- Convert Excel files (XLS, XLSX) to XML by providing a file URL. Optionally specify a worksheet index.MIT
- Convert Excel files to HTML for web integration. Provide a URL to your XLS or XLSX file and receive an HTML output.MIT