{"repo":"southleft/figma-console-mcp","free":true,"listed":false,"github":"https://github.com/southleft/figma-console-mcp","clone":"git clone https://github.com/southleft/figma-console-mcp.git","description":"Your design system as an API. Connect AI to Figma for extraction, creation, and debugging.","language":"TypeScript","stars":2173,"topics":["ai","design-systems","figma","figma-api","figma-plugins","mcp"],"license":"MIT","category":"mcp-servers","readme_excerpt":"Figma Console MCP Server Your design system as an API. Model Context Protocol server that bridges design and development—giving AI assistants complete access to Figma for extraction , creation , debugging , and bidirectional token sync . 🆕 Design System Extraction (v1.40.0): Turn a production codebase into a design system. Seven new figma ds tools (Local Mode) scan one or more app codebases — framework, styling-method, and vendor-layer detection; a usage-ranked component inventory classified vendored / wrapped / pure-vendor / bespoke; variant inference from real call sites; duplicate detection; and an architecture pass that separates a UI kit from a design system ( FollowButton is really a Button — and here are the missing generic primitives). Then they mine the app's de-facto styling into DTCG tokens with per-token provenance — multi-mode CSS custom properties ( .dark , [data-theme] , and friends), SCSS variables, Tailwind config values, shadcn HSL triples, Tailwind utility-class frequency mining valued from the app's own theme, and frequency-promoted raw values — scaffold the design-system package with token/typography/iconography showcase pages, wire a fresh Storybook workshop to the app's real theme layers and fonts, deep-extract components for porting with CSF3 story scaffolds, gate the result behind deterministic fidelity evals, and persist porting progress across sessions. The extracted tokens/tokens.json imports straight into Figma variables via figma import tokens —","default_branch":null,"files":null,"tree":[],"storefront":"/r/southleft","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/southleft/figma-console-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."}