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
306,652 tools. Last updated 2026-07-25 19:02
"How to Convert Figma Designs into React Native Code" matching MCP tools:
- Convert Figma designs to React components and automatically create a GitHub pull request for the generated code.MIT
- Restart the Metro JS bundle in a connected React Native app to apply code changes or reset JS state without restarting the native process.Apache 2.0
- Generate a cross-correlated report that maps native hangs to React commits by aligning wall-clock times from React and native profiler data.Apache 2.0
- Fetch a compact component tree of a React Native screen with normalized tap coordinates to identify UI elements for interaction.Apache 2.0
- Get a curated implementation bundle for any CometChat integration scenario with prerequisites, install commands, configuration, code examples, and common pitfalls. Covers React, Flutter, iOS, Android, React Native, and JS SDK.Apache 2.0
Matching MCP Servers
- 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.Last updated511MIT
- AlicenseCqualityDmaintenanceConverts Figma designs to React Native components, allowing users to extract components from Figma designs and generate corresponding React Native components with proper typing and styling.Last updated3118MIT
Matching MCP Connectors
Figma MCP Pack
Free digital marketing quote and strategy requests from Juicy Designs SA. No price returned.
- Resolves a CoDesign sharing URL into a list of screens and designs, providing IDs, names, sizes, and image URLs for design-to-code workflows.MIT
- Generate a ready-to-paste SDK initialization snippet pre-filled with your API key, base URL, and app config for react-native, expo, ios, android, or flutter. Integrate LinkForty into your mobile app in under a minute.MIT
- 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
- Open a native target for Expo/React Native apps: iOS simulator or Android device mirror. Drive the app via idb/adb and stream JS/native logs to the timeline.MIT
- Transform images into realistic embroidery effects for logos, artwork, or product designs. Use this tool to prepare designs for embroidery mockups and print-on-demand products.MIT
- Generate detailed upgrade instructions by comparing React Native versions to identify required dependency, configuration, and native code changes.MIT
- Reload the React Native app to apply code changes when Fast Refresh fails, fix broken app states, or reset app navigation and context completely.MIT
- Convert a source file (markdown, docx, txt, html, rtf, odt) into a native Google Doc with preserved formatting via inline text, file path, or URL.MIT
- Retrieve the current production-ready React Native version for upgrade planning. Provides the stable release number to use with migration tools.MIT
- Retrieve React Native release candidate versions from GitHub to evaluate upcoming changes and plan upgrades before production deployment.MIT
- Retrieve the current stable React Native version for planning upgrades and ensuring compatibility with production applications.MIT
- Retrieve motion duration, easing, spring tokens, press-scale, haptics, variant API rules, and accessibility do's and don'ts for appCN. Refer to this guide before writing React Native components to enforce consistent design.MIT
- Create or modify Figma designs programmatically with JavaScript code. Supports design operations, variables, styles, components, and prototyping transitions.MIT
- Predict text layout dimensions and detect overflow for any width, with responsive breakpoint checks. Verify fit in fixed containers before generating designs or code.MIT