Best Figma & Design MCP servers

Pull frames, components, variables and design tokens from Figma so coding assistants can implement designs accurately. We compared 11 Figma & Design MCP servers — 10 updated in the last 90 days, 7 with one-click install — ranked by relevance and GitHub stars.

Official: Figma MCP Server by figma

Quick comparison

Top 11 by relevance. Status: maintained = commit in the last 90 days.

ServerStarsStatusUpdatedInstallAPI key
Figma-Context-MCPGLips★ 16kMaintainedyesterdayOne-clickLikely
cursor-talk-to-figma-mcpgrab★ 7kMaintained2 months agoSee READMENot mentioned
Figma MCP Serverfigma★ 2.1kMaintainedtodayCommandNot mentioned
figma-mcp-bridgegethopp★ 744Maintained2 days agoOne-clickNot mentioned
claude-talk-to-figma-mcparinspunk★ 670Aging5 months agoOne-clickNot mentioned
open-multi-agent-canvasCopilotKit★ 545MaintainedyesterdaySee READMELikely
design-extractManavarya09★ 4.2kMaintained5 days agoOne-clickLikely
mcp_excalidrawyctimlin★ 2.5kMaintained4 days agoOne-clickLikely
figwrightawdr74100★ 1kMaintainedtodayOne-clickNot mentioned
openflowkitopenflowkit★ 856MaintainedtodayCommandNot mentioned
rabbitholeshlokkhemani★ 317Maintained27 days agoOne-clickNot mentioned

All 11 Figma & Design MCP servers

Showing all 11 servers

Figma-Context-MCP

by GLips · TypeScript

MCP server to provide Figma layout information to AI coding agents like Cursor

Media & DesignMaintained16k

cursor-talk-to-figma-mcp

by grab · JavaScript

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 programmatically.

Media & DesignMaintained7k

Figma MCP Server

by figma · Python

The Figma MCP server brings Figma design context directly into your AI workflow.

Media & DesignMaintainedRemote2.1k

figma-mcp-bridge

by gethopp · TypeScript

Figma Plugin & MCP server to bypass API limits

Media & DesignMaintained744

claude-talk-to-figma-mcp

by arinspunk · TypeScript

A Model Context Protocol (MCP) that allows Claude Desktop and other AI tools (Claude Code, Cursor, Antigravity, etc.) to read, analyze, and modify Figma designs

Media & DesignAging670

open-multi-agent-canvas

by CopilotKit · TypeScript

The open-source multi-agent chat interface that lets you manage multiple agents in one dynamic conversation and add MCP servers for deep research

Agents & OrchestrationMaintainedRemote545

design-extract

by Manavarya09 · HTML

Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.

Media & DesignMaintained4.2k

mcp_excalidraw

by yctimlin · TypeScript

MCP server and Claude Code skill for Excalidraw — programmatic canvas toolkit to create, edit, and export diagrams via AI agents with real-time canvas sync.

Media & DesignMaintained2.5k

figwright

by awdr74100 · TypeScript

Free, 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.

Developer ToolsMaintained1k

openflowkit

by openflowkit · TypeScript

Free, open-source diagram canvas. Draw it, write it as code (Mermaid, D2, Structurizr in), ask any AI model or a local one, let Claude Code edit it live over MCP, or map a GitHub repo with every arrow cited to a file and line. MIT, local-first, no account.

Developer ToolsMaintained856

rabbithole

by shlokkhemani · JavaScript

An infinite canvas for learning — select text, ask, and answers branch out as documents. MCP server for Claude Code, Codex, and any agent.

Developer ToolsMaintained317

Figma & Design MCP server FAQ

What is the best Figma & Design MCP server?

Based on GitHub stars and recent activity, Figma-Context-MCP by GLips (★ 16k, updated yesterday) is the most popular actively maintained option on HookMCP, followed by cursor-talk-to-figma-mcp and Figma MCP Server. The right choice depends on whether you need write access, a hosted (remote) endpoint, or a server that runs locally without an API key.

Is there an official Figma & Design MCP server?

Yes — Figma MCP Server by figma is published by the vendor or the MCP project. Official servers are usually the safest first install.

How do I install a Figma & Design MCP server in Claude, Cursor or VS Code?

Open the server's page on HookMCP, choose your client tab (Claude Desktop, Cursor, VS Code or Claude Code) and copy the config — 7 of the 11 servers here have one-click install links for Cursor and VS Code. Restart your AI app and the new tools appear automatically.

Do Figma & Design MCP servers need an API key?

4 of 11 servers here mention API keys or tokens in their README; 7 don't mention any. Check each listing's Details panel, and pass keys as environment variables rather than pasting them into chat.

Related integrations

Or browse by category: Developer Tools, Media & Design, Agents & Orchestration.