Skip to main content
Glama
Sign In

Search for:

Tools or Methods for Converting Figma Designs to React JS Code

View all MCP Servers

  • Why this server?

    This tool allows users to retrieve, optimize, and convert design data from Figma files into structured CSS and design tokens, which could be useful in converting Figma designs into React JS code.

    Gravity Global Figma MCP

    nguyenlegravityglobal
    A
    security
    F
    license
    A
    quality
    A tool that integrates Figma with Cursor through the Model Context Protocol, allowing users to retrieve, optimize, and convert design data from Figma files into structured CSS and design tokens.
    Last updated -
    1
    JavaScript

  • Why this server?

    Enables seamless integration with Figma, allowing LLM applications to access, manipulate, and track Figma files, components, and variables, helpful when generating React code.

    Figma MCP Server

    TimHolden
    A
    security
    F
    license
    A
    quality
    Enables seamless interaction with Figma via the Model Context Protocol, allowing LLM applications to access, manipulate, and track Figma files, components, and variables.
    Last updated -
    2
    106
    TypeScript
    • Apple

  • Why this server?

    Converts Figma designs into React components with TypeScript and Tailwind CSS, which directly addresses the request of converting Figma to React code.

    MCP Figma to React Converter

    StudentOfJS
    -
    security
    A
    license
    -
    quality
    Converts 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 updated -
    14
    TypeScript
    MIT License

  • Why this server?

    Enables users to control the cursor in Figma through verbal commands using an agentic AI agent, streamlining the design process, potentially helpful for automating aspects of conversion.

    Cursor Talk To Figma MCP

    toiletmadarchut
    A
    security
    F
    license
    A
    quality
    Enables users to control the cursor in Figma through verbal commands using an agentic AI agent, streamlining the design process with a new interaction method.
    Last updated -
    19
    5,185
    1
    JavaScript

  • Why this server?

    An MCP server that integrates AI assistants like Claude with Figma, allowing users to read designs and modify them programmatically through natural language commands, aiding in code generation from Figma.

    Talk to Figma MCP

    sonnylazuardi
    A
    security
    A
    license
    A
    quality
    An MCP server integration that enables Cursor AI to communicate with Figma, allowing users to read designs and modify them programmatically through natural language commands.
    Last updated -
    19
    5,185
    3,528
    JavaScript
    MIT License
    • Apple
    • Linux