Tech Stack
mcp-figma
An MCP server that turns a real Figma file into working code — automatically
Normally, closing the gap between a Figma file and real code means a human eyeballing colors and spacing and hand-translating them by feel. I built mcp-figma to remove that step — it gives Claude Code direct, structured access to a Figma file's actual content over the Model Context Protocol, using nothing but Python's standard library, no external HTTP dependencies.
It reads real design tokens, checks accessibility contrast automatically, generates starter component code in five different frameworks, and ships with a companion Figma plugin that can build a file back from a design spec — so design and engineering stay in sync without anyone doing the translation by hand.
Why It's Worth Noting
- 47 tools across 8 domain modules — file inspection, design tokens, webhooks, accessibility, and code generation
- Extracts real design tokens and exports them to the W3C DTCG spec, resolving alias chains with topological sort
- Generates starter component code for React, SwiftUI, Android, CSS, and Flutter straight from a Figma frame
- Computes both APCA and WCAG 2.1 contrast, and can search a palette for accessible color pairings
- Companion Figma plugin builds files back from a design spec — 121 tests, 100% code coverage


