A
license-
qualityD
maintenanceTransform Figma designs into pixel-perfect React + Tailwind components using the Model Context Protocol.
Last updated
163
4
MIT
33,381 servers. Last updated
Search Relevance ↓
Recent Usage ↓
Date Added ↓
Date Updated ↓
Weekly Downloads ↓
GitHub Stars ↓
Recent GitHub Stars ↓
Matching MCP tools:
Matching MCP Connectors:
actor.apify.godberry--content-to-social-mcp
io.github.pipeworx-io
app.outtolunch
ai.agentdm
"How to Convert Figma Designs to Code" matching MCP servers:
- AlicenseBqualityBmaintenanceAutomates 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 updated516MIT
- FlicenseBqualityCmaintenanceAllows Cursor AI to communicate with Figma for reading designs and modifying them programmatically through a Model Context Protocol integration.Last updated384,2091
- MIT
- Alicense-quality-maintenanceEnables 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
- Flicense-qualityDmaintenanceAn 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 updated4,209
- AlicenseBqualityDmaintenanceAn 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 updated194,2096,794MIT
- FlicenseBqualityCmaintenanceEnables Cursor AI to interact with Figma designs, allowing users to read design information and programmatically modify elements through natural language commands.Last updated404,2093
- Alicense-qualityCmaintenanceConverts 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 updated75MIT
- Flicense-qualityDmaintenanceEnables Cursor AI to read and modify Figma designs programmatically via the Model Context Protocol.Last updated4,2093
- -licenseBquality-maintenanceEnables 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 updated194,2091
- AlicenseBquality-maintenanceEnables Cursor AI to communicate with Figma for reading designs and modifying them programmatically, allowing users to automate design tasks through natural language.Last updated384,2091
- AlicenseCqualityBmaintenanceEnables Claude Desktop and other AI tools to interact directly with Figma, allowing for powerful AI-assisted design capabilities through natural language commands.Last updated92707607MIT
- Alicense-qualityBmaintenanceMCP 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 updatedMIT
- AlicenseBqualityBmaintenanceConverts Figma to Markdown. Strips out visual noise to drastically reduce LLM token consumption.Last updated142MIT
- AlicenseBqualityCmaintenanceImplements a Model Context Protocol integration between Cursor AI and Figma, allowing Cursor to programmatically read and modify Figma designs.Last updated334,209MIT
- AlicenseBqualityCmaintenanceAn AI recipe recommendation server based on the MCP protocol, providing functions such as recipe query, classification filtering, intelligent dietary planning, and daily menu recommendation.Last updated51Apache 2.0
- AlicenseCqualityCmaintenanceConverts 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 updated3668MIT
- Alicense-qualityCmaintenanceEnables 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 updatedMIT
- Alicense-qualityDmaintenanceEnables AI coding agents to extract Figma design data and convert it into Flutter widgets and screens. Supports theme setup, component analysis, asset exports, and provides Flutter implementation guidance from Figma designs.Last updated54235MIT