# southleft/figma-console-mcp

Your design system as an API. Connect AI to Figma for extraction, creation, and debugging.

Repository: https://github.com/southleft/figma-console-mcp
Canonical: https://ross.abutalabs.com/products/figma-console-mcp
Homepage: https://southleft.com
Language: TypeScript
License: MIT
License Family: permissive
Topics: ai, design-systems, figma, figma-api, figma-plugins, mcp
Last push: 2026-08-16T22:50:19+00:00

## Health v2 (maintenance only)
Score: 79/100 (v2, computed 2026-09-03T02:39:23.370411+00:00)
- activity 98, release rhythm 86, longevity 23
- inputs: {"age_days": 332, "days_push": 17, "days_rel": 17, "gap_med": 0, "n_releases_24m": 74}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2206, forks 236 (observed 2026-08-28T04:06:25.712977+00:00)

## What it is
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
- artifact type: service
- maturity: active
- function: mcp, sdk, developer-tools
- domain: web-design, web-development, developer-tools, artificial-intelligence
- platform: cli, self-hosted, cloud
- tags: figma, design-tokens, design-systems, model-context-protocol, ai-assistants, figma-plugin, cloudflare-workers, nodejs

## Member repositories
- southleft/figma-console-mcp (main) score 79

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:25.712977+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T02:46:30.165156+00:00, confidence not recorded.
  - readme: https://github.com/southleft/figma-console-mcp (fetched 2026-08-28T04:06:25.712977+00:00, sha 4e8c81ea6710)
  - homepage: https://southleft.com (fetched 2026-08-29T10:27:16.706978+00:00, sha 3637af8746d7)
  - site_page: https://southleft.com/about (fetched 2026-08-29T10:27:16.716392+00:00, sha dfd970a19323)
  - registry_npm: https://registry.npmjs.org/figma-console-mcp (fetched 2026-08-29T10:27:16.753204+00:00, sha 74e92ff414a2)
  - site_page: https://southleft.com/services/workshops-training (fetched 2026-08-29T10:27:16.751404+00:00, sha 8c94887bf643)
  - site_page: https://southleft.com/ai-design-systems (fetched 2026-08-29T10:27:16.718412+00:00, sha ae28acf0c9f0)
  - site_page: https://southleft.com/services/design-systems (fetched 2026-08-29T10:27:16.730601+00:00, sha d00b0ecb82b9)
  - site_page: https://southleft.com/projects/petsmart (fetched 2026-08-29T10:27:16.749251+00:00, sha 2acce145302b)
- Data as of 2026-08-30T08:39:29.467469+00:00.