southleft/figma-console-mcp

Health v2 · maintenance only

Adoption not part of the score

2206 stars · 236 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A Model Context Protocol (MCP) server that connects AI assistants like Claude to Figma, exposing design tokens, variables, components, styles, and write tools as an API. It supports local mode via a WebSocket Desktop Bridge plugin and remote mode via Cloudflare Workers, including bidirectional token sync and codebase-to-design-system extraction.

Use cases

• connect claude to figma to extract design tokens and variables
• sync design tokens bidirectionally between figma and code
• generate ui components from my design system with an ai agent
• audit figma files for accessibility issues
• extract a design system from an existing codebase into dtcg tokens
• import code tokens into figma variables
• diff figma file version history
• create figjam boards or slides programmatically

When to choose

• you want an ai assistant to read or write figma files, tokens, and components
• you need bidirectional design token sync between figma and your codebase
• you want to mine an existing codebase's styling into a design system and round-trip it to figma
• you need figma automation beyond read-only extraction, including figjam and slides

When to avoid

• you need a simple one-off figma api script without ai integration
• you cannot run a local plugin bridge or deploy a cloudflare worker
• you only need static figma file exports rather than live ai-driven access

Facets

service · maturity active

mcp sdk developer-tools web-design web-development developer-tools artificial-intelligence cli self-hosted cloud figma design-tokens design-systems model-context-protocol ai-assistants figma-plugin cloudflare-workers nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="southleft/figma-console-mcp")