Tools or methods to convert Figma designs into code MCP servers

"Tools or methods to convert Figma designs into 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 4 months ago

  4

  MIT License

• 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

  67

  MIT License

• 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 24 days ago

  MIT License

• code-to-tree

  micl2e2

  -

  security

  A

  license

  -

  quality

  code-to-tree

  Last updated 8 months ago

  73

  MIT License

• 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

  908

  MIT License

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

  908

  MIT License