sunnysideFigma-Context-MCP

About sunnysideFigma-Context-MCP

Sunnyside Figma MCP A Model Context Protocol (MCP) server that turns Figma designs into production code. It ships with a companion Figma plugin so LLM clients can read the layer you're actually looking at, extract pixel-perfect CSS and design tokens, and generate React / Tailwind / styled-components output — all from a natural-language prompt. Two data paths are supported: Plugin bridge — highest fidelity. Uses Figma's native from inside the editor. Works on any plan, even Drafts.

figma-mcp mcp mcp-server

Quick Facts

Stars	36
Forks	5
Language	TypeScript
Category	MCP Server
Quality Score	74.0548375027665/100
Last Updated	2026-04-19
Created	2025-06-18
Platforms	mcp, node
Est. Tokens	~107k

Compatible Skills

These tools work well together with sunnysideFigma-Context-MCP for enhanced workflows:

bridge — semantic(0.55)+rare_topics+same_lang+similar_pop+shared_platform (59%)
square-mcp-server — semantic(0.34)+same_lang+similar_pop+shared_platform (47%)
figma-ui-mcp — semantic(0.48)+rare_topics+similar_pop+shared_platform (46%)
TalkToFigmaDesktop — semantic(0.44)+same_lang+similar_pop+shared_platform (46%)

More MCP Server Tools

Explore other popular mcp server tools:

ECC ⭐ 226.5k
n8n ⭐ 195.7k
everything-claude-code ⭐ 186.6k
dify ⭐ 148.2k
open-webui ⭐ 143.9k
cc-switch ⭐ 114.8k
gemini-cli ⭐ 105.8k
awesome-mcp-servers ⭐ 90.3k
servers ⭐ 88.1k
lobehub ⭐ 79.6k

View all MCP Server tools →

Popular TypeScript Agent Tools

openclaw ⭐ 382.2k · Codex Skill
n8n ⭐ 195.7k · MCP Server
dify ⭐ 148.2k · MCP Server
gstack ⭐ 120.5k · Agent Tool
gemini-cli ⭐ 105.8k · MCP Server

Frequently Asked Questions

What is sunnysideFigma-Context-MCP?

sunnysideFigma-Context-MCP is 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 . It is categorized as a MCP Server with 36 GitHub stars.

What programming language is sunnysideFigma-Context-MCP written in?

sunnysideFigma-Context-MCP is primarily written in TypeScript. It covers topics such as figma-mcp, mcp, mcp-server.

How do I install or use sunnysideFigma-Context-MCP?

You can find installation instructions and usage details in the sunnysideFigma-Context-MCP GitHub repository at github.com/tercumantanumut/sunnysideFigma-Context-MCP. The project has 36 stars and 5 forks, indicating an active community.

View on GitHub → Browse MCP Server tools