Skip to main content
Glama
Sign In

Search for:

How to convert Figma files to React code

View all MCP Servers

  • Why this server?

    Enables Cursor AI to communicate with Figma, allowing users to read designs and modify them programmatically through natural language commands, which is relevant for converting Figma files to code.

    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

  • Why this server?

    This tool retrieves, optimizes, and converts design data from Figma files into structured CSS and design tokens, useful for generating code from Figma designs.

    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 via the Model Context Protocol, allowing LLM applications to access, manipulate, and track Figma files, components, and variables.

    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?

    A TypeScript server that enables AI-powered design creation in Figma using natural language prompts through Cursor Agent, relevant for converting design concepts to code.

    Figma MCP Server

    xxflux
    A
    security
    F
    license
    A
    quality
    A TypeScript server that implements the Model Context Protocol, enabling AI-powered design creation in Figma using natural language prompts through Cursor Agent.
    Last updated -
    5
    647
    2
    JavaScript

  • Why this server?

    Although this mentions codebase, it could help retrieve code from Figma. This tool dumps codebase context into LLMs which might help extract the React code from the Figma designs.

    @lex-tools/codebase-context-dumper

    lex-tools
    -
    security
    A
    license
    -
    quality
    A Model Context Protocol (MCP) server designed to easily dump your codebase context into Large Language Models (LLMs).
    Last updated -
    0
    JavaScript
    Apache 2.0

  • Why this server?

    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.

    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