Tools or Methods for Converting Figma Designs to React JS Code MCP servers

"Tools or Methods for Converting Figma Designs to React JS Code" matching MCP servers:

• Figma to React MCP

  surisagar900

  -

  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 5 months ago

  5

  1

  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 9 months ago

  70

  MIT

• Figma to React Native MCP

  kailashAppDev

  A

  security

  F

  license

  A

  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 10 months ago

  3

  12

  6

• UX/UI Tools for React +

  MarcusViniciusBarcelos

  A

  security

  A

  license

  A

  quality

  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 3 months ago

  7

  10

  3

  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 a month ago

  MIT

• Talk to Figma MCP

  pipethedev

  A

  security

  A

  license

  A

  quality

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

  Last updated 8 months ago

  38

  946

  MIT