A
license-
qualityD
maintenanceTransform Figma designs into pixel-perfect React + Tailwind components using the Model Context Protocol.
Last updated
510
4
MIT
61,048 servers. Last updated
Search Relevance ↓
Recent Usage ↓
Date Added ↓
Date Updated ↓
Weekly Downloads ↓
GitHub Stars ↓
Recent GitHub Stars ↓
Matching MCP tools:
Matching MCP Connectors:
io.github.pipeworx-io
io.github.cobusvdwest
io.github.Steven3265
com.travel-code
"Guides and Tools for Converting Figma Designs to Code" matching MCP servers:
- 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
- Alicense-qualityDmaintenanceAn MCP server that integrates AI agents with Figma, enabling reading and programmatic modification of designs.Last updatedMIT
- Alicense-qualityDmaintenanceA comprehensive MCP server for Vue component development and Figma design restoration, featuring snapDOM-powered screenshots, pixel-perfect visual comparison, and automated SVG optimization.Last updated103MIT
- MIT
- Alicense-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 updated1,299MIT
- Flicense-qualityDmaintenanceEnables Cursor AI to read and modify Figma designs programmatically via the Model Context Protocol.Last updated1,2993
- -license-qualityCmaintenanceConverts a Figma file into a React project using Ant Design, AG Grid, ApexCharts, and Tailwind CSS, with optional export of mobile screens as a React Native (Expo) app.Last updated
- AlicenseAqualityDmaintenanceAn autonomous MCP server that uses the Claude Code CLI to solve coding problems without permission prompts.Last updated1MIT
- AlicenseCqualityCmaintenanceEnables Claude Desktop and other AI tools to interact directly with Figma, allowing for powerful AI-assisted design capabilities through natural language commands.Last updated92418626MIT
- Alicense-qualityCmaintenanceEnables file reading with pagination and regex-based code search across a codebase using grep.Last updated10MIT
- Alicense-qualityDmaintenanceMCP server providing code review, auto-fix, test running, linting, formatting, and refactor suggestions for Claude Code.Last updatedMIT
- 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 updated227MIT
- Alicense-qualityDmaintenanceExtracts SVG icons from Figma and generates React TSX icon components automatically, enabling AI assistants like GitHub Copilot and Claude to manage icon workflows.Last updated61MIT
- Alicense-qualityDmaintenanceEnables Cursor AI to read and modify Figma designs via the Model Context Protocol, allowing programmatic control over documents, components, styles, and more.Last updated1,299MIT
- Alicense-qualityCmaintenanceLocal MCP bridge that exposes the ChatGPT Figma connector to OpenCode without launching Codex, using the existing authenticated session.Last updatedMIT
- Flicense-qualityDmaintenanceEnables browser automation (navigate, screenshot, click, type, etc.) for Claude Code via MCP protocol, with a Chrome extension for configuration.Last updated2
- AlicenseBqualityCmaintenanceBridges Claude Code CLI with Cursor IDE to use your existing Claude subscription without separate API costs.Last updated13MIT
- AlicenseBqualityAmaintenanceConverts Figma to Markdown. Strips out visual noise to drastically reduce LLM token consumption.Last updated162MIT
- Alicense-qualityDmaintenanceEnables developers to extract and organize Figma design files, including complete node data (tree structure and images) for AI understanding and code generation.Last updatedMIT