← all repositories
southleft/figma-console-mcp

An MCP server that treats Figma like a database

Figma Console MCP lets AI assistants treat your design files as a read-write API—extracting tokens, creating frames, and syncing changes back to code.

2k stars TypeScript Coding AssistantsAgents
figma-console-mcp
Velocity · 7d
+6.6
★ / day
Trend
steady
star history

What it does

Figma Console MCP is a Model Context Protocol server that sits between AI clients and Figma. It exposes over a hundred tools for reading design data, manipulating frames and components, managing variables, and exporting tokens to DTCG JSON or CSS. The server can run locally via a Desktop Bridge plugin, in a cloud-relay mode for web AI clients, or as a read-only remote endpoint.

The interesting bit

The project treats design artifacts as versioned infrastructure: it can diff Figma file snapshots, generate markdown changelogs, and binary-search through history to find when a variant first appeared. It also pushes back—letting you edit code-side tokens and sync the changes upstream into Figma, which replaces the usual one-way export pipeline.

Key highlights

  • 106 tools in full local mode, including write access for frames, components, and design tokens
  • Bidirectional token sync: exports Figma variables to DTCG JSON/CSS and imports code-side edits back into Figma
  • Accessibility scanning with 14 WCAG design checks and axe-core code scanning
  • Version history with binary-search blame to trace when properties or variants were introduced
  • Four connection tiers: full local (NPX/Git), cloud relay (95 tools, no Node.js), and read-only SSE (9 tools)

Caveats

  • Full write access and real-time monitoring require the Desktop Bridge plugin and Figma Desktop; the read-only remote mode is genuinely read-only
  • The README notes that Figma caches plugin files aggressively, so re-importing the bridge plugin is occasionally required after updates
  • Claude Code’s native SSE transport has a known bug, requiring a workaround with mcp-remote

Verdict

Worth a look if you want AI agents to operate directly on your design system instead of just reading screenshots. Skip it if you only need occasional Figma data extraction—nine read-only tools is a thin offering for that use case.

Frequently asked

What is southleft/figma-console-mcp?
Figma Console MCP lets AI assistants treat your design files as a read-write API—extracting tokens, creating frames, and syncing changes back to code.
Is figma-console-mcp open source?
Yes — southleft/figma-console-mcp is open source, released under the MIT license.
What language is figma-console-mcp written in?
southleft/figma-console-mcp is primarily written in TypeScript.
How popular is figma-console-mcp?
southleft/figma-console-mcp has 2k stars on GitHub and is currently holding steady.
Where can I find figma-console-mcp?
southleft/figma-console-mcp is on GitHub at https://github.com/southleft/figma-console-mcp.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.