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.
Use this if you want to accelerate your front-end development by generating code and extracting design system elements directly from Figma using natural language.
Not ideal if you're looking for a free, open-source solution, as this project is proprietary.
Stars
35
Forks
5
Language
TypeScript
License
—
Category
Last pushed
Oct 27, 2025
Commits (30d)
0
Get this data via API
curl "https://pt-edge.onrender.com/api/v1/quality/mcp/tercumantanumut/sunnysideFigma-Context-MCP"
Open to everyone — 100 requests/day, no key needed. Get a free key for 1,000/day.
Higher-rated alternatives
arinspunk/claude-talk-to-figma-mcp
A Model Context Protocol (MCP) that allows Claude Desktop and other AI tools (Claude Code,...
grab/cursor-talk-to-figma-mcp
TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code) and Figma, allowing Agentic...
planetabhi/figma-mcp-server
A comprehensive local MCP server for Figma
themesberg/flowbite-mcp
Convert Figma design to code with the official Flowbite MCP server
ysocrius/Talk-to-Figma-Cursor
Model Context Protocol (MCP) integration between Cursor AI and Figma