Skip to main content
Glama
605,552 tools. Updated 2026-09-24 01: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-loadA

    ArgentA

    Restore saved React or native profiling sessions from disk into memory for query tools, or list available sessions. Use to revisit past profiling data without a new recording.
    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

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 npm
    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 npm
    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.

  • 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

  • profiler-combined-reportA

    ArgentA

    Correlates native profiler hangs with React commits by aligning wall-clock times, producing a markdown report with memory leak hints. Use after both react and native profilers have run on the same session.
    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

  • debugger-reload-metroA

    ArgentA

    Reload 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

  • 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

  • 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

  • pt_type_textA

    phantom-touchA

    Type text into an iOS simulator field, optionally tapping it first. Uses clipboard paste for reliable React Native input, or HID keyboard events otherwise.
    MIT

  • bricks_elementor_to_bricksA

    bricks-mcpB

    Convert Elementor JSON exports into Bricks Builder element arrays, mapping widgets to native Bricks elements. Returns a coverage report identifying manual work.
    MIT

  • figma_writeA

    figma-ui-mcpA

    Create or modify Figma designs programmatically with JavaScript code. Supports design operations, variables, styles, components, and prototyping transitions.
    MIT