claude-talk-to-figma-mcp and sunnysideFigma-Context-MCP
These are complementary tools that serve different integration depths: the first enables basic design reading and modification through Claude, while the second provides specialized extraction tools (30+ features) for converting Figma designs into production-ready code and assets, so teams might use both together—the first for interactive design analysis and the second for automated asset/code generation workflows.
About claude-talk-to-figma-mcp
arinspunk/claude-talk-to-figma-mcp
A Model Context Protocol (MCP) that allows Claude Desktop and other AI tools (Claude Code, Cursor, Antigravity, etc.) to read, analyze, and modify Figma designs
This tool helps UX/UI designers and developers automate tasks within Figma using AI. It takes commands in natural language from AI agents (like Claude Desktop or GitHub Copilot) to analyze, read, and modify Figma designs. The output can be anything from accessibility audit feedback to updated design styles across a document, or even production-ready code components.
About sunnysideFigma-Context-MCP
tercumantanumut/sunnysideFigma-Context-MCP
A comprehensive Model Context Protocol (MCP) server that bridges Figma designs with AI development workflows. It provides 30 specialized tools for extracting pixel-perfect code, assets, and component structures directly from Figma designs.
This tool helps product designers and front-end developers instantly turn Figma designs into production-ready code and assets. You feed it a Figma design, describe what you want (like 'build a login form'), and it outputs functional React, Vue, CSS, or Tailwind components, optimized assets, and even identifies design system inconsistencies. It's for anyone involved in the design-to-development handoff who wants to automate the creation of UI code.
Related comparisons
Scores updated daily from GitHub, PyPI, and npm data. How scores work