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

• Figma to React MCP

  surisagar900

  A

  license

  B

  quality

  B

  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.

  Last updated 2025-09-13

  5

  16

  MIT

• MCP Figma to React Converter

  StudentOfJS

  A

  license

  -

  quality

  D

  maintenance

  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

  76

  MIT

• Figma To Code MCP

  felixAnhalt

  A

  license

  -

  quality

  B

  maintenance

  Transforms Figma design data into a compact, LLM-friendly format for code generation, reducing size by 99.5% while preserving UI-critical information.

  Last updated 2026-05-09

  181

  3

  MIT

• MCP Figma to Code

  vincegx

  A

  license

  -

  quality

  D

  maintenance

  Transform Figma designs into pixel-perfect React + Tailwind components using the Model Context Protocol.

  Last updated 2026-04-03

  163

  4

  MIT

• Figma to React Native MCP

  kailashAppDev

  A

  license

  C

  quality

  C

  maintenance

  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

  66

  8

  MIT

• Talk to Figma MCP

  pipethedev

  F

  license

  B

  quality

  C

  maintenance

  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

  3,349

  1

• Agent to Figma MCP

  caelinsutch

  A

  license

  -

  quality

  -

  maintenance

  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

• @manansiingh/figma-react-mcp

  MananSingh2001

  A

  license

  -

  quality

  D

  maintenance

  Converts Figma designs into production-ready React components with design token extraction, widget registry integration, and micro-frontend module generation.

  Last updated 2026-03-18

  31

  1

  MIT

• code-to-tree

  micl2e2

  A

  license

  -

  quality

  F

  maintenance

  code-to-tree

  Last updated 2026-03-14

  84

  MIT

• Talk to Figma MCP

  hyun1202

  F

  license

  -

  quality

  D

  maintenance

  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

  3,349

• Talk to Figma MCP

  grab

  A

  license

  B

  quality

  D

  maintenance

  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-04-29

  19

  3,349

  6,826

  MIT

• Cursor Talk To Figma MCP

  toiletmadarchut

  -

  license

  B

  quality

  -

  maintenance

  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

  3,349

  1

• Talk to Figma MCP

  yhc984

  F

  license

  B

  quality

  D

  maintenance

  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

  3,349

  3

• Claude Talk to Figma MCP

  arinspunk

  A

  license

  C

  quality

  A

  maintenance

  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-04-18

  92

  446

  618

  MIT

• ui-design-to-code-mcp

  Kinglions

  A

  license

  -

  quality

  B

  maintenance

  MCP server for ingesting UI screenshots, Figma MCP node JSON, or hybrid Figma-plus-screenshot sources into a cross-platform design-to-code artifact pipeline.

  Last updated 2026-06-11

  MIT

• Cursor Talk to Figma MCP

  ysocrius

  F

  license

  -

  quality

  D

  maintenance

  Enables Cursor AI to read and modify Figma designs programmatically via the Model Context Protocol.

  Last updated 2025-07-10

  3,349

  3

• files-mcp-ts

  LiviuBirjega

  F

  license

  B

  quality

  D

  maintenance

  A lightweight MCP server for basic file operations, enabling reading, writing, and listing files securely via the Model Context Protocol.

  Last updated 2025-09-25

  3

  1

• figma-to-markdown-mcp

  s9hn

  A

  license

  B

  quality

  A

  maintenance

  Converts Figma to Markdown. Strips out visual noise to drastically reduce LLM token consumption.

  Last updated 2026-05-15

  1

  16

  2

  MIT

• Cursor Talk to Figma MCP

  andreycretsu

  A

  license

  B

  quality

  -

  maintenance

  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

  3,349

  1

• Cursor Talk to Figma MCP

  paragdesai1

  A

  license

  B

  quality

  D

  maintenance

  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

  3,349

  MIT