Guides and Tools for Converting Figma Designs to Code MCP servers

"Guides and Tools for Converting Figma Designs to Code" matching MCP servers:

• 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

• 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

• 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

• 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

  946

  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

• code-to-tree

  micl2e2

  -

  security

  A

  license

  -

  quality

  code-to-tree

  Last updated 9 months ago

  74

  MIT