{"repo":"tercumantanumut/sunnysideFigma-Context-MCP","free":true,"listed":false,"github":"https://github.com/tercumantanumut/sunnysideFigma-Context-MCP","clone":"git clone https://github.com/tercumantanumut/sunnysideFigma-Context-MCP.git","description":"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.","language":"TypeScript","stars":40,"topics":["figma-mcp","mcp","mcp-server"],"license":null,"category":"mcp-servers","readme_excerpt":"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 getCSSAsync() from inside the editor. Works on any plan, even Drafts. - Figma REST API — works headless from a fileKey / nodeId for designs that live in a team/project you can reach with a Personal Access Token. --- Quick Start Requirements: Node 18+, a Figma Personal Access Token (create one here). Create a .env : Run the HTTP/SSE server: Install the Figma plugin (one time): 1. Open Figma Desktop → Plugins → Development → Import plugin from manifest… 2. Pick figma-dev-plugin/manifest.json from this repo. 3. Run the plugin on any file. Select a frame → click Extract Dev Code . You'll see \"Data sent to MCP server successfully\" when the bridge is live. --- Connect an MCP Client Pick one transport. Both expose the same 27 tools against the same running server. stdio (client spawns the process) Use this if you want the client to own the lifecycle and don't need the Figma plugin bridge to share state with the MCP process. SSE (recommended when using the Figma plugin) The plugin posts extractions to http://localhost:3333/plugin/ . Point your MCP client at th","default_branch":null,"files":null,"tree":[],"storefront":"/r/tercumantanumut","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/tercumantanumut/sunnysideFigma-Context-MCP/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}