MCP server to provide Figma layout information to AI coding agents like Cursor
$
npx -y figma-developer-mcpBest of 2026 · updated 2026-10-18
Best Figma MCP servers
We track 25 MCP servers that mention Figma. The most-starred is Figma Context MCP (15,989 ★). Entries from the official MCP Registry without a GitHub repo show no star count.
25 matches · Ranked by real GitHub stars. Sponsored slots are labelled and never change the ranking.
| # | Name | Stars |
|---|---|---|
| 1 | Figma Context MCP GLipsTypeScript · MIT · 3d ago | 15,989 |
| 2 | Cursor Talk To Figma MCP grabJavaScript · MIT · 2mo ago | 7,060 |
| 3 | Design Extract Manavarya09HTML · MIT · 1w ago | 4,246 |
| 4 | Figma Console MCP southleftTypeScript · MIT · 2w ago | 2,486 |
| 5 | Figwright awdr74100TypeScript · MIT · 3d ago | 1,042 |
| 6 | Figma MCP Bridge gethoppTypeScript · MIT · 6d ago | 751 |
| 7 | Claude Talk To Figma MCP arinspunkTypeScript · MIT · 6mo ago | 671 |
| 8 | Better Design marvkrTypeScript · MIT · 3w ago | 364 |
| 9 | Plumb MCP tathagat22TypeScript · MIT · 3d ago | 80 |
| 10 | Figma MCP Rust alvinindraTypeScript · MIT · 5d ago | 66 |
| 11 | Asdesigned Maher-Reven | n/a |
| 12 | Figma React MananSingh2001 | n/a |
| 13 | figma-mcp Mehmoodqureshi | n/a |
| 14 | figma-vault NBhey | n/a |
| 15 | Figma UI MCP TranHoaiHung | n/a |
TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to communicate with Figma for reading designs and modifying them…
$git clone https://github.com/grab/cursor-talk-to-figma-mcpExtract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters…
$claude mcp add designlang -- npx -y designlang mcpYour design system as an API. Connect AI to Figma for extraction, creation, and debugging.
$claude mcp add figma-console -s user -e FIGMA_ACCESS_TOKEN=figd_YOUR_TOKEN_HERE -e ENABLE_MCP_APPS=true -- npx -y figma-console-mcp@latestFree, two-way Figma MCP server. Turn designs into framework-aware code, and push code back to the canvas. Works with Claude Code, Cursor, Codex, and any MCP client.
$npx skills add awdr74100/figwright/skillsFigma Plugin & MCP server to bypass API limits
$git clone https://github.com/gethopp/figma-mcp-bridgeA Model Context Protocol (MCP) that allows Claude Desktop and other AI tools (Claude Code, Cursor, Antigravity, etc.) to read, analyze, and modify Figma designs
$npx claude-talk-to-figma-mcpOpen-source design MCP server + shadcn/ui registry — AI design systems for Claude Code, Cursor, Codex, GitHub Copilot & any MCP client. 31 brand-grade themes (Linear, Stripe,…
$npx skills add marvkr/better-design --skill better-designLocal Figma MCP server with no REST rate limits, no metered tool-call quotas, and a verification loop. Drop-in alternative to Figma's Dev Mode MCP and Framelink for Claude…
$npx plumb-mcp demoFigma MCP build with Rust, server with full read/write access via plugin (no REST API, no rate limits, 73 tools)
$claude mcp add -s project figma-mcp-rust -- npx -y @alvinindra/figma-mcp-rust@latest- #11Asdesigned
Diff a rendered UI element against its Figma source and get every drifted property with its delta.
$npx -y asdesigned - #12Figma React
An MCP server that converts Figma designs into React code.
$npx -y @manansiingh/figma-react-mcp-server - #13figma-mcp
Figma to pixel-perfect code: deterministic HTML/React, then a render + pixel-diff verify loop.
$npx -y @mehmoodqureshi/figma-mcp - #14figma-vault
Figma designs pulled once into a local vault; AI agents read them offline with no rate limits
$npx -y figma-vault - #15Figma UI MCP
Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back
$npx -y figma-ui-mcp Give AI agents full read & write access to Figma — 50+ tools for design automation
$npx -y figma-designer-mcpBuild and manage your design system with AI: tokens, themes, components, icons, Figma and code.
$claude mcp add --transport http design-system https://platform.zaklad.app/api/mcpThe Figma MCP server brings Figma design context directly into your AI workflow.
$claude mcp add --transport http figma-mcp-server https://mcp.figma.com/mcp- #19lsp
Sync Lightroom, Figma, Dropbox & Canva assets to WordPress and Shopify via natural language.
$claude mcp add --transport http lsp https://lightsyncpro.com/mcp-connect - #20Whoogy
Compare Figma designs against live websites and get visual + content QA reports, from inside Claude.
$claude mcp add --transport http whoogy https://mcp.whoogy.com/mcp Connect AI coding agents to Anima Playground, Figma, and your design system.
$claude mcp add --transport http anima-mcp-server https://public-api.animaapp.com/v1/mcpUse existing brand guidelines with AI. Turn websites, PDFs, and Figma into a .brand runtime.
$npx -y @brandsystem/mcp- #23Frame Relay
MCP server for the Frame-Relay design kit: components, tokens and live Figma selections.
$npx -y @frame-relay/cli Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.
$npx -y ui-design-to-code-mcp- #25Localfig
The Figma desktop app as an MCP server: full Plugin API for AI agents. Local, no token, no quota.
$npx -y localfig
