Skip to main content
Glama
524,529 tools. Updated 2026-09-06 16:29

"How to Convert Figma Designs into React Native Code" matching MCP tools:

  • convertFigmaToCodeA

    chrometools-mcpB

    Transform Figma designs into React/Tailwind code by extracting node structure and visual context, then generating clean, semantic components with AI instructions.
    ISC

  • figma_to_codeB

    f2c-mcp-serverB

    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

  • profiler-combined-reportA

    ArgentA

    Combine React Profiler and native profiler data to map native hangs to React commits, revealing memory leaks and investigation hints. Use when both profilers have been run in parallel.
    Apache 2.0

  • debugger-reload-metroA

    ArgentA

    Restart the Metro JS bundle in a connected React Native app to apply code changes or reset JS state without restarting the native process. Specify device and port for targeted reload.
    Apache 2.0

Matching MCP Servers

  • figma-to-react-mcp

    sankalp51
    A
    license
    A
    quality
    C
    maintenance
    Converts 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.
    7
    25
    MIT

  • Figma to React MCP

    surisagar900
    A
    license
    B
    quality
    C
    maintenance
    Automates 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.
    5
    25
    MIT

Matching MCP Connectors

  • Figma

    Figma MCP Pack

  • Juicy Designs Quote

    Free digital marketing quote and strategy requests from Juicy Designs SA. No price returned.

  • profiler-loadA

    ArgentA

    Restore a previously captured profiling session from disk into memory for query tools. List available sessions or load React/native profiler data without recapturing.
    Apache 2.0

  • get_sdk_install_snippetA

    LinkForty MCP ServerA

    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_to_jsonA

    symbols-mcpA

    Convert DOMQL JavaScript source code into platform JSON format by parsing export statements and stringifying functions, enabling direct use with save_to_project.
    Creative Commons Attribution Non Commercial 4.0 International

  • convert_reactA

    symbols-mcpA

    Converts provided React/JSX code into Symbols.app DOMQL, returning migration rules, syntax reference, and examples.
    Creative Commons Attribution Non Commercial 4.0 International

  • debugger-component-treeA

    ArgentA

    Fetch a compact component tree of the current React Native screen to find UI elements and obtain normalized tap coordinates for direct interaction.
    Apache 2.0

  • get_cometchat_implementation_bundleA

    CometChat DocsA

    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

  • Figma-To-CodeA

    feuse-mcpB

    Convert Figma designs into frontend code that matches your tech stack and style variables. Automatically detects and applies project configurations.
    Mozilla Public 2.0

  • image_to_componentA

    @forgespace/ui-mcpB

    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

  • connect_projectB

    CraveUp MCP ServerA

    Writes the API origin and location ID into an Expo/React Native .env file, enabling storefronts to connect directly without an API key.
    MIT

  • render_satoriA

    figma-slides-mcpB

    Convert complex HTML/CSS layouts into editable Figma vector nodes using Satori, for UI components like flexbox cards and multi-column designs.
    MIT

  • native_openA

    devloopA

    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

  • tool_create_embroidery_effectA

    Dynamic MockupsA

    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

  • figma_writeA

    figma-ui-mcpA

    Execute JavaScript code to create or modify Figma designs, providing direct programmatic control over nodes, layouts, styles, and component properties.
    MIT

  • reload_appA

    Metro Logs MCPB

    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

  • get_figma_designA

    figma-to-react-mcpA

    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