"Converting Figma Files to React Code" matching MCP servers:

• Figma to React MCP

  surisagar900

  A

  security

  A

  license

  -

  quality

  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.

  Last updated 2025-09-13

  5

  7

  MIT

• 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 2025-04-24

  72

  MIT

• Figma to React Native MCP

  kailashAppDev

  A

  security

  F

  license

  -

  quality

  Converts 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 updated 2025-03-24

  3

  175

  8

• code-to-tree

  micl2e2

  -

  security

  A

  license

  -

  quality

  code-to-tree

  Last updated 2026-03-14

  82

  MIT

• Agent to Figma MCP

  caelinsutch

  -

  security

  A

  license

  -

  quality

  Enables AI agents like Claude to interact with Figma designs through 50+ tools for creating, styling, and manipulating design elements, components, and variables via a WebSocket relay and Figma plugin.

  Last updated 2025-12-31

  MIT

• Talk to Figma MCP

  hyun1202

  -

  security

  A

  license

  -

  quality

  An MCP server that enables AI assistants to interact with Figma designs for tasks like reading document info, creating elements, and managing auto layouts. It facilitates real-time design automation via a custom Figma plugin and WebSocket server integration.

  Last updated 2025-06-25

  2,283

  MIT

• Talk to Figma MCP

  pipethedev

  A

  security

  A

  license

  -

  quality

  Allows Cursor AI to communicate with Figma for reading designs and modifying them programmatically through a Model Context Protocol integration.

  Last updated 2025-06-02

  38

  2,283

  1

  MIT

• Talk to Figma MCP

  grab

  A

  security

  A

  license

  -

  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 2026-03-07

  19

  2,283

  6,605

  MIT

• Talk to Figma MCP

  yhc984

  A

  security

  F

  license

  -

  quality

  Enables Cursor AI to interact with Figma designs, allowing users to read design information and programmatically modify elements through natural language commands.

  Last updated 2025-03-21

  40

  2,283

  4

• Claude Talk to Figma MCP

  arinspunk

  A

  security

  A

  license

  -

  quality

  Enables Claude Desktop and other AI tools to interact directly with Figma, allowing for powerful AI-assisted design capabilities through natural language commands.

  Last updated 2026-02-28

  43

  812

  557

  MIT

• Cursor Talk To Figma MCP

  toiletmadarchut

  A

  security

  -

  license

  -

  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 2025-03-27

  19

  2,283

  1

• Cursor Talk to Figma MCP

  andreycretsu

  A

  security

  A

  license

  -

  quality

  Enables Cursor AI to communicate with Figma for reading designs and modifying them programmatically, allowing users to automate design tasks through natural language.

  Last updated 2025-06-01

  38

  2,283

  1

  MIT

• Cursor Talk to Figma MCP

  paragdesai1

  A

  security

  A

  license

  -

  quality

  Implements a Model Context Protocol integration between Cursor AI and Figma, allowing Cursor to programmatically read and modify Figma designs.

  Last updated 2025-04-21

  33

  2,283

  MIT

• Files MCP Server

  iceener

  -

  security

  F

  license

  -

  quality

  Enables AI agents to safely explore directories, read files, search content by pattern or filename, and edit files with checksum verification and dry-run preview within sandboxed filesystem access.

  Last updated 2026-02-15

  2

  70

• Figma to Flutter MCP Server

  mhmzdev

  -

  security

  A

  license

  -

  quality

  Enables AI coding agents to extract Figma design data and convert it into Flutter widgets and screens. Supports theme setup, component analysis, asset exports, and provides Flutter implementation guidance from Figma designs.

  Last updated 2026-02-27

  96

  224

  MIT

• Files-DB-MCP

  randomm

  -

  security

  A

  license

  -

  quality

  A local vector database system that provides LLM coding agents with fast, efficient semantic search capabilities for software projects via the Message Control Protocol.

  Last updated 2025-07-17

  6

  MIT

• Claude Talk to Figma MCP

  mulerrr

  -

  security

  A

  license

  -

  quality

  Enables AI assistants like Claude Desktop to interact directly with Figma, allowing natural language commands to create, modify, and analyze designs including shapes, text, components, and layouts in real-time.

  Last updated 2025-11-13

  MIT

• Claude Talk to Figma MCP

  stranyer

  -

  security

  A

  license

  -

  quality

  Enables AI assistants like Claude and Cursor to interact directly with Figma to create, modify, and analyze design elements in real-time. It provides a comprehensive suite of tools for document inspection, styling, component management, and automated layout via a bidirectional WebSocket connection.

  Last updated 2026-02-16

  812

  MIT

• react-analyzer-mcp

  azer

  -

  security

  F

  license

  -

  quality

  * analyze your react projects locally * consistent output w/ AST parsing + AI * create markdown docs, llm.txt for your react code at once

  Last updated 2025-04-09

  5

  57

• Figma MCP Server

  sanjeev23oct

  A

  security

  F

  license

  -

  quality

  A bridge between Figma designs and React implementations that enables pixel-perfect conversion of Figma designs into React applications by processing Figma file data into React-friendly format.

  Last updated 2025-05-15

  5

  3,063

  2

• figma-mcp

  JayZeeDesign

  A

  security

  A

  license

  -

  quality

  Allow your AI coding agents to access Figma files & prototypes directly. You can DM me for any issues / improvements: https://x.com/jasonzhou1993 1. Access all figma pages 2. Access all figma components 3. Access figma prototype flows

  Last updated 2025-04-03

  65

  MIT

• mcp-figma

  smithery-ai

  A

  security

  F

  license

  -

  quality

  A Model Context Protocol server that provides access to Figma API functionality, allowing AI assistants like Claude to interact with Figma files, comments, components, and team resources.

  Last updated 2025-03-03

  18

  391

  4

• Simple Files Vector Store

  lishenxydlgzs

  -

  security

  A

  license

  -

  quality

  A very simple vector store that provides capability to watch a list of directories, and automatically index all the markdown, html and text files in the directory to a vector store to enhance context.

  Last updated 2025-03-31

  12

  40

  MIT

• react-devtools-mcp

  skylarbarrera

  A

  security

  A

  license

  -

  quality

  Provides AI agents with visibility into React applications by exposing tools to inspect component state, props, and performance metrics. It enables debugging and state analysis for both web and React Native applications through the Model Context Protocol.

  Last updated 2026-01-31

  45

  5

  2

  MIT

• Figma MCP

  alucardeht

  A

  security

  F

  license

  -

  quality

  Enables interaction with Figma files through intelligent API access, providing navigation, asset extraction, and design token retrieval with 95% token-optimized compact tree output format.

  Last updated 2026-01-23

  15

• react-analyzer-mcp

  codixor

  -

  security

  F

  license

  -

  quality

  A Docker-managed MCP server for analyzing React codebases and generating component documentation from mounted workspaces. It enables users to scan projects, analyze JSX/TSX strings directly, and generate Markdown docs while ensuring safe path handling.

  Last updated 2026-04-02

  5

• mcp-figma

  thirdstrandstudio

  -

  security

  A

  license

  -

  quality

  Figma MCP with full API functionality

  Last updated 2026-02-21

  498

  67

  MIT

• React Native MCP Server

  MrNitro360

  A

  security

  A

  license

  -

  quality

  Provides comprehensive React Native development assistance with expert-level automated code remediation, security vulnerability fixes, performance optimization, and production-ready code generation. Includes testing suite generation, dependency management, and accessibility compliance tools.

  Last updated 2025-08-13

  13

  78

  49

  MIT

• Figma MCP Server

  MatthewDailey

  A

  security

  F

  license

  -

  quality

  Enables AI assistants to interact with Figma files through the ModelContextProtocol, allowing viewing, commenting, and analyzing Figma designs directly in chat interfaces.

  Last updated 2025-05-29

  5

  3,063

  210

• @nvanexan/figma-mcp

  nvanexan

  A

  security

  F

  license

  -

  quality

  Enables extraction of design context from Figma files as CSS-like properties and provides tools to render Figma nodes as images. It integrates with AI agents via the Model Context Protocol to facilitate design-to-code workflows by providing layout, style, and typography information.

  Last updated 2026-04-08

  2

• https://github.com/Streen9/rea

  kalivaraprasad-gonapa

  A

  security

  A

  license

  -

  quality

  react-mcp integrates with Claude Desktop, enabling the creation and modification of React apps based on user prompts

  Last updated 2025-10-31

  9

  2

  67

  MIT

• Figma MCP Server

  toddle-edu

  A

  security

  F

  license

  -

  quality

  A server that converts Figma designs into pseudo-code structures optimized for LLMs to understand design context, allowing easy extraction of visual elements and code-like representations from Figma files.

  Last updated 2025-07-02

  2

  3

  5

• Figma Copilot

  xlzuvekas

  -

  security

  A

  license

  -

  quality

  Enables AI assistants to interact with Figma designs programmatically, supporting comprehensive design automation including text manipulation with formatting preservation, batch operations, prototyping, auto-layout configuration, and component management.

  Last updated 2025-07-08

  3

  4

  MIT

• React USWDS MCP Server

  focus-digital

  -

  security

  F

  license

  -

  quality

  Indexes the locally-installed @trussworks/react-uswds package and helps code assistants discover components, inspect props, generate correct imports and usage snippets, and suggest appropriate components for UI use cases.

  Last updated 2025-12-16

• Figma MCP Server

  aashraf09

  -

  security

  F

  license

  -

  quality

  Enables AI assistants to read Figma design files and automatically map responsive relationships between mobile and desktop screens to generate accurate frontend code. Eliminates manual copy-pasting by providing direct access to design tokens, dimensions, and screen layouts within AI-powered IDEs.

  Last updated 2026-04-03

• Figma MCP Server

  1yhy

  -

  security

  A

  license

  -

  quality

  A Model Context Protocol server that integrates Figma design files with AI coding tools like Cursor, Windsurf, and Cline, allowing AI tools to access and understand Figma design data for generating more accurate code.

  Last updated 2025-12-06

  185

  20

  MIT

• Figma MCP Server

  GLips

  -

  security

  A

  license

  -

  quality

  Enables Cursor to access Figma files through the Model Context Protocol, enhancing its ability to accurately interpret and utilize design data for code generation.

  Last updated 2026-04-11

  167,800

  14,139

  MIT

• Figma MCP Server

  TimHolden

  A

  security

  F

  license

  -

  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 2025-03-09

  1,688

  146

• figma-pilot

  youware-labs

  -

  security

  A

  license

  -

  quality

  Enables AI agents to create, modify, and manage Figma designs through natural language commands via a specialized MCP server and plugin bridge. It supports a wide range of operations including element creation, property modification, component management, and accessibility checks.

  Last updated 2026-01-29

  11

  91

  MIT

• React Native Debugger MCP

  twodoorsdev

  A

  security

  A

  license

  -

  quality

  An MCP server that connects to your React Native application debugger

  Last updated 2025-03-28

  2

  24

  32

  MIT

• React Learning MCP Server

  kenta-ja8

  -

  security

  F

  license

  -

  quality

  A minimal MCP server that enables searching through pre-scraped React documentation using a hybrid approach combining DuckDB full-text search and transformer-based reranking.

  Last updated 2025-05-20

• React Native Upgrader MCP

  patrickkabwe

  A

  security

  A

  license

  -

  quality

  Streamlines React Native CLI project upgrades by providing automated tools to generate detailed diffs and migration guidance between any React Native versions. Uses rn-diff-purge to help developers seamlessly upgrade or downgrade their projects with step-by-step instructions.

  Last updated 2025-10-23

  4

  10

  20

  MIT

• Figma MCP Tool

  Echoxiawan

  A

  security

  A

  license

  -

  quality

  Enables interaction with Figma designs through the Figma API, allowing users to export images in multiple formats, extract style data and CSS, analyze design elements, and retrieve SVG code from Figma files. Supports batch operations and comprehensive design element analysis including images, vectors, and components.

  Last updated 2025-09-03

  7

  41

  10

  MIT

• Gravity Global Figma MCP

  nguyenlegravityglobal

  A

  security

  F

  license

  -

  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 2025-06-10

  1

• Figma MCP Server

  bbalakriz

  -

  security

  F

  license

  -

  quality

  Enables integration with Figma through the Model Context Protocol, allowing users to interact with Figma designs and files using their Personal Access Token. Provides containerized deployment options and Server-Sent Events endpoint for real-time communication.

  Last updated 2026-02-04

  1,688

• Figma MCP Demo

  madhikarma

  -

  security

  A

  license

  -

  quality

  A server that enables Cursor AI to generate code from Figma components by connecting to Figma's MCP Dev Server.

  Last updated 2025-07-08

  MIT

• Figma MCP Server

  deepsuthar496

  A

  security

  F

  license

  -

  quality

  A Model Context Protocol server that integrates with Figma's API, allowing interaction with Figma files, comments, components, projects, and webhook management.

  Last updated 2025-04-04

  5

  3,063

• Figma MCP Server

  MinhazTopaz

  -

  security

  F

  license

  -

  quality

  Connects AI applications to Figma API for extracting design data, generating production-ready HTML/CSS from designs, and capturing screenshots in multiple formats.

  Last updated 2025-11-15

  3,063

• Figma MCP Server

  moonray

  A

  security

  A

  license

  -

  quality

  Facilitates the analysis of Figma file structures by extracting node hierarchies, accessible via REST API or MCP protocol.

  Last updated 2025-02-24

  1

  1,688

  2

  MIT

• Claude Figma MCP

  tonycueva

  -

  security

  -

  license

  -

  quality

  A Model Context Protocol (MCP) server that enables Claude to create and manipulate designs in Figma through either a Figma plugin or directly via the Figma API.

  Last updated 2025-03-24