Sunnyside Figma MCP by tercumantanumut
41 score
Connects Figma designs to AI agents, enabling extraction of production-ready code, assets, and design tokens through natural language descriptions. Supports React, Vue, CSS, and Tailwind with real-time design system analysis.
Ranked #3373 out of 10163 indexed tools.
Is this your tool? Claim this listing to add maintainer context, get a verified badge, and unlock analytics.
Claim listing → Signal Breakdown
Installs 96k
Freshness 5mo ago
Issue Health 50%
Stars 35
Platform Breadth 1 platform
Contributors 3
Description Detailed
How to Improve
Freshness high impact
Stars low impact
Platforms medium impact
Badge
[](https://agentrank-ai.com/skill/glama-tercumantanumut--sunnysideFigma-Context-MCP/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge) <a href="https://agentrank-ai.com/skill/glama-tercumantanumut--sunnysideFigma-Context-MCP/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge"><img src="https://agentrank-ai.com/api/badge/skill/glama-tercumantanumut--sunnysideFigma-Context-MCP" alt="AgentRank"></a> Supported Platforms
From the README
# Sunnyside Figma MCP What if you could talk to your Figma designs and turn them into production code? That's what we built. ## What This Does This tool connects your Figma designs to AI agents, making it possible to extract real code, assets, and design systems just by describing what you want. Think of it as a bridge between design and development that actually works. We're not trying to replace designers or developers. We're trying to make the handoff between them seamless. ## The Vision Our dream is simple: select any Figma design, describe what you want, and get a complete, production-ready project. No more manual pixel-pushing, no more "this doesn't match the design" conversations. We're getting close. ## Getting Started You'll need Node.js 18+ and a Figma API key. That's it. ```bash git clone https://github.com/tercumantanumut/sunnysideFigma-Context-MCP cd sunnysideFigma-Context-MCP npm install ``` Create a `.env` file: ```env FIGMA_API_KEY=your_figma_api_key_here ```Read full README on GitHub →