"Tools or Methods for Converting Figma Designs to React JS 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

  C

  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

  74

  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

  147

  8

  MIT

• 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

  1,641

  6,765

  MIT

• Talk to Figma MCP

  yhc984

  F

  license

  B

  quality

  C

  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

  1,641

  3

• Talk to Figma MCP

  pipethedev

  A

  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

  1,641

  1

  MIT

• UX/UI Tools for React +

  MarcusViniciusBarcelos

  A

  license

  C

  quality

  C

  maintenance

  Provides AI-powered tools to apply UX/UI best practices, Nielsen's heuristics, cognitive biases, and Material-UI patterns to React components. Enables automated application of responsive design, Apple design patterns, and complete UX guidelines through natural language commands.

  Last updated 2025-10-20

  2

  7

  6

  3

  MIT

• Talk to Figma MCP

  hyun1202

  A

  license

  -

  quality

  C

  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

  1,641

  MIT

• 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

• methods-mcp

  webwebb56

  A

  license

  -

  quality

  C

  maintenance

  Provides MCP tool adapters for Bioconductor methods like limma, DESeq2, and fgsea, enabling statistical analysis of omics data through containerized R execution. It serves as a bridge between MCP clients and bioinformatics tools for reproducible research workflows.

  Last updated 2026-04-18

  Apache 2.0

• code-to-tree

  micl2e2

  A

  license

  -

  quality

  C

  maintenance

  code-to-tree

  Last updated 2026-03-14

  83

  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

  1,641

  1

• 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

  1,641

  1

• Claude Talk to Figma MCP

  arinspunk

  A

  license

  C

  quality

  B

  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

  494

  599

  MIT

• Framelink MCP for Figma

  nludd25

  A

  license

  -

  quality

  C

  maintenance

  Enables AI coding agents to access Figma design data by fetching and simplifying layout and styling metadata. This allows developers to accurately implement UI designs in code directly from Figma file links.

  Last updated 2026-05-13

  50,659

  MIT

• figma-to-markdown-mcp

  s9hn

  A

  license

  B

  quality

  B

  maintenance

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

  Last updated 2026-05-15

  1

  266

  2

  MIT

• Figma MCP Server

  sanjeev23oct

  F

  license

  B

  quality

  C

  maintenance

  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

  2,239

  2

• Database Tools for Claude AI

  elber-code

  A

  license

  B

  quality

  C

  maintenance

  MCP server that allows Claude AI to interact directly with MySQL databases, enabling query execution and table information retrieval through natural language.

  Last updated 2025-04-17

  6

  1

  4

  4

  MIT

• Cursor Talk to Figma MCP

  paragdesai1

  A

  license

  B

  quality

  C

  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

  1,641

  MIT

• Claude Talk to Figma MCP

  mulerrr

  A

  license

  -

  quality

  C

  maintenance

  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