MCP servers for Figma 68
These MCP servers and clients connect an AI assistant to Figma, or mention it in their description or GitHub topics. MCP Harbor lists 68 of them; the most starred are Figma-Context-MCP (★16,061), cursor-talk-to-figma-mcp (★7,071) and design-extract (★4,345).
81% open source · mostly TypeScript, JavaScript, Python · 40 updated in the last 30 days · fastest this week: design-extract (+95 stars)
No servers on this page match that filter. Try one word, such as a product name, or .
Figma-Context-MCP★ 16,061
GLips · TypeScript+59 stars this week (+0.4%)
MCP server to provide Figma layout information to AI coding agents like Cursor
cursor-talk-to-figma-mcp★ 7,071
grab · JavaScript+11 stars this week (+0.2%)
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.
design-extract★ 4,345
Manavarya09 · HTML+95 stars this week (+2.2%)
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 remediatio
ux-ui-agent-skills★ 2,927
plugin87 · JavaScript
Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.
figma-console-mcp★ 2,594
southleft · TypeScript
Your design system as an API. Connect AI to Figma for extraction, creation, and debugging.
awdr74100 · TypeScript+89 stars this week (+8.3%)
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.
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
better-design★ 523
marvkr · TypeScript
🎨 Open-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, Vercel, Notion, Apple, Supabase, Figma…) + design tokens, UI principles & WCAG rules. Install any component with one comma
refero_skill★ 326
referodesign · Python
Research-first design skill for AI agents. 150K+ real app screens and flows via Refero MCP.
figma-ui-mcp★ 264
TranHoaiHung · JavaScript
AI can draw UI directly on the Figma canvas via JavaScript, and read existing designs back as structured data. Works with Claude Code, Cursor, VS Code, and Windsurf. No API KEY required.
figma-flutter-mcp★ 241
mhmzdev · TypeScript
An MCP server that provides the coding agents Figma's design token to write Flutter code.
keyline-icons★ 178
keyline-icons · TypeScript
1,568 free MIT icons in stroke, two-tone, duotone and fill, rounded or sharp: 12,544 SVGs on one 24×24 grid. Built for shadcn/ui.
figma-pilot★ 106
youware-labs · TypeScript
MCP that let AI agents control Figma through code execution
reqwise-figma-mcp★ 101
hoangpm96 · TypeScript
An MCP server that lets AI agents read and draw on the Figma canvas — safely. Paired with a Figma plugin, it provides structured verification, safe-by-default drawing, and resilient multi-window support for Claude Code, Codex, Cursor, and other MCP clients.
southleft · JavaScript
The most powerful Figma Console MCP capabilities, repackaged as Markdown skills for the native Figma MCP server — design tokens, variables, component analysis, WCAG lint, a11y audits, version history, FigJam & Slides.
HuolalaTech · Python
Huolala's in-house MCP service that automatically converts Figma designs into high-fidelity UI code.
plumb-mcp★ 83
tathagat22 · TypeScript
Local 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 Code, Cursor, Windsurf — works on every plan including Free.
figma-mcp-cached★ 79
Pactortester · TypeScript
Cache‑enabled Figma Context MCP with persistent disk caching to reduce API rate limits and improve performance.
figsor★ 73
AsifKabirAntu · JavaScript
Figsor is an MCP server that bridges Cursor to Figma, enabling chat-driven design creation and editing - directly on your Figma canvas.
figma-mcp-rust★ 71
alvinindra · TypeScript
Figma MCP build with Rust, server with full read/write access via plugin (no REST API, no rate limits, 73 tools)
oh-my-android★ 69
ateymoori · Swift
Free ADB GUI and Android Emulator control panel for macOS. One click for dark mode, font scale, RTL and pseudo-locales, TalkBack, layout bounds, network speed and GPS: no adb commands. Layout Inspector in dp for any app (Compose and Views) with Figma overlay and TalkBack-order audit. Plus an MCP ser
human★ 68
gethuman-sh · Go
The AI Software Factory. Tickets, docs, designs, and analytics in. Shipped code out. One secure pipeline from idea to review — Claude on the line, human on the floor.
design-os-studio★ 59
jangtrinh · Rust
DESIGN:OS Studio — Native GPU-accelerated interface design & Figma engine built in Rust
grab · TypeScript
A powerful desktop application bridging Figma and AI tools via Model Context Protocol Seamless integration between Figma designs and AI assistants
memi★ 47
memi-design · TypeScript
The design layer for agentic AI — design context, interface checks, and verification for coding agents.
flowbite-mcp★ 42
themesberg · JavaScript
Convert Figma design to code with the official Flowbite MCP server
tercumantanumut · TypeScript
A comprehensive Model Context Protocol (MCP) server that bridges Figma designs with AI development workflows. It provides 30 specialized tools for extracting pixel-perfect code, assets, and component structures directly from Figma designs.
feuse-mcp★ 38
Panzer-Jack · TypeScript
Frontend Useful MCP Tools - Essential utilities for web developers to automate API integration and code generation
penpot-mcp★ 30
ar27111994 · JavaScript
AI-agent skill for creating, auditing, and maintaining Penpot design systems, prototypes, tokens, and design-to-code workflows via the official Penpot MCP Server.
design-to-unity★ 30
Crackerrrrrr · Python
Design-to-Unity MCP for turning Lanhu, Figma, and PSD/Photoshop UI designs into structured handoff packets, assets, and Unity-ready UGUI prefabs.
mcp-auth-helper★ 28
sdaoudi · TypeScript
Standalone OAuth helper for MCP servers with client allowlists (Figma, etc.) - works with OpenCode without forking
brandsystem-mcp★ 15
Brandcode-Studio · TypeScript
Use existing brand guidelines with AI. Turn websites, PDFs, and Figma into a portable .brand runtime through MCP.
figma-edit-mcp★ 14
neozhehan · TypeScript
Read, create, and modify Figma designs programmatically via MCP, empowering AI to execute Figma changes safer, cleaner, and faster.
iconoteka★ 12
iconoteka · Svelte
Iconoteka — a free, open-source library of 1,400 precisely designed pictograms in 7 weights and 2 styles. MIT licensed.
figma-mcp-server★ 10
planetabhi · TypeScript
A local Figma MCP server with full Figma REST API coverage
layerwright★ 9
shayan-m81 · TypeScript
Turn Claude Design and HTML into editable Figma layers (Auto Layout, your Design System components), and Figma frames into code with your own React components. MCP server + Figma plugin for Claude Code and Cursor.
pattern-mcp★ 9
donaldrichard19-LVD · TypeScript
Pattern checks a coding agent's UI decisions against your own design system before it builds, whether that lives in code or in Figma. It helps the agent reuse what the product already has and build only what is actually missing. An opt-in enforcement boundary can make that check required, and every
felixAnhalt · TypeScript
MCP server to extract Figma design information and convert it to mostly css for coding agents.
kenneives · TypeScript
MCP server that translates design tokens between platforms — Tailwind, Figma, CSS to Material 3, SwiftUI, and CSS Variables. Built for the v0 → Figma → Claude Code pipeline.
@respira/wordpress-mcp-servernpm package
mihai_respira · JavaScript
WordPress MCP server + companion plugin giving AI native access to page builder content, not just the REST API. 261 tools, 365 with WooCommerce, 19 page builders and the Site Editor. Element-level edits, full page creation, HTML to builder conversion, sna
rivemcpnpm package
GitHub Actions · JavaScript
Polymation — the AI animation MCP. Author Rive (.riv/.rev) and Spline; convert Lottie, After Effects, Adobe Animate, Figma and glTF into Rive and back; turn AI art into rigged characters, pixel-art puppets, sprite sheets and flipbooks. Offline, checked in
@codeandfunction/pixelnotperfectnpm package
CircleCI · JavaScript
MCP server for visual regression and interactive design review.
@irshad.io/figma-local-mcpnpm package
irshad.io · JavaScript
Local MCP server for Figma: a development plugin streams the open file over a localhost WebSocket, so design reads never touch the Figma API. Writes Flutter, React or HTML reference code.
0nmcpnpm package
mcpfed · JavaScript
Universal AI API Orchestrator — 1,598 tools across 106 services. Go High Level (GoHighLevel / GHL) agency CRM, the AI Website Editor, and the 0nCore Agency Dashboard — connected to 0nCore and 0nTask. UCP (Universal Commerce Protocol), the .0n App Marketpl
ui-design-to-code-mcpnpm package
GitHub Actions · JavaScript
MCP server for Codex, Cursor, and Claude Code to turn UI screenshots and Figma data into design-to-code artifacts.
@stanvision/atomus-mcpnpm package
stanbg · JavaScript
Atomus MCP server: components, props, tokens, patterns, Figma-to-code, validation, setup files and brand ramps for AI agents (stdio via npx, or remote at mcp.atomus.io).
@hasna/connectorsnpm package
andreihasna2 · JavaScript
Open source connector library - Install API connectors with a single command
@vkhanhqui/figma-mcp-gonpm package
vkhanhqui · JavaScript
A zero-cost, unlimited Figma MCP server — no API key, no rate limits
figma-rust-mcpnpm package
hidden1612 · JavaScript
Claude Code to Figma — Bidirectional MCP bridge. AI draws UI on Figma canvas, reads designs back. Works with Claude, Cursor, VS Code, Windsurf, Antigravity. No API key needed.
impact-nova-mcpnpm package
impactnpm · JavaScript
MCP server for Impact Nova design system — components, tokens, best practices, code generation for Cursor, Windsurf, and Antigravity
@tunglt1810/figma-mcp-gonpm package
GitHub Actions · JavaScript
A zero-cost, unlimited Figma MCP server — no API key, no rate limits
@rui.branco/jira-mcpnpm package
rui.branco · JavaScript
Jira & Confluence MCP server for any MCP-compatible AI client (Claude Code, Codex, Antigravity, Cursor, etc.) - fetch tickets, search with JQL, update tickets, manage comments, change status, get Figma designs. Optional per-tool scopes, dry-run, audit log
aiconnect-figmanpm package
angslhn · JavaScript
MCP server + Figma plugin that let AI agents read and edit Figma over a local WebSocket. AIConnect adds image/font/effect/gradient/SVG commands and a batch_ops command that builds whole pages in one round-trip.
dsh-figma-design-lens-catnpm package
pengfei.chen · JavaScript
Figma design understanding for AI coding agents: extracts components, exports assets, cross-checks recognition with vision models, and scores how ready a screen is to implement. Ships an MCP server and a local review UI.
bytespost-canvasnpm package
GitHub Actions · JavaScript
Local CLI + MCP server for the bytespost canvas — drive a running canvas tab from the terminal or any AI agent.
truecanvasnpm package
GitHub Actions · JavaScript
Design with your real React components: a Figma-like canvas for Next.js and Vite where layers are your .tsx and agents edit through MCP.
dsh-figma-mcpnpm package
lubanqihao9875 · JavaScript
DSH 的 Figma MCP 一键连接插件，对话中粘贴链接，Agent 即可读写节点/图层/变量/样式，生成 React/Vue 代码，OAuth 安全登录，Token 本机存储，内置工作流指令和 Skill 引导使用
dsh-work-componentsnpm package
GitHub Actions · JavaScript
DeepSeek Harness plugin with a settings page that downloads, enables and mounts MCP servers for work apps (Office, Blender, Unity, Figma, Photoshop, Chrome, Godot, Windows, Notion, Gmail, Cloudflare, Cloudflare Docs, GitHub, ComfyUI, FFmpeg, Obsidian), pl
DS ManagerMCP Registry
manager.shadcndesign.com
Design System Manager for shadcn/ui: tokens, fonts, radius, components, icons, blocks, Figma sync.
Lenny's Podcast TranscriptsMCP Registry
usewire.io
Search 286 episodes of product management wisdom from top leaders at Figma, Airbnb, Linear.
Frequently asked questions
What is the best MCP server for Figma?
By GitHub stars, the most adopted Figma entries on MCP Harbor are Figma-Context-MCP (★16,061), cursor-talk-to-figma-mcp (★7,071) and design-extract (★4,345). Popularity is a starting point only. Check whether the project is maintained by the vendor, when it was last updated and which permissions it needs, then try it on a test account before giving it real credentials.
How do I add an MCP server for Figma?
Open a listing below, copy the package name or server URL from its README, and add it to your client: claude mcp add in Claude Code, mcpServers in Cursor or Claude Desktop, servers in VS Code. The install guide has copy-paste config for each one.
How many Figma MCP servers are there?
MCP Harbor currently lists 68 projects that match Figma. 40 of them were updated in the last 30 days and 81% of the GitHub projects carry an open-source license. The list is rebuilt every day from the official MCP Registry, GitHub, npm and PyPI, so a new server shows up here on the first daily update after it meets the listing criteria.
MCP servers for other tools
- GitHub370
- Docker338
- Kubernetes114
- PostgreSQL237
- MySQL95
- SQLite333
- MongoDB40
- Redis45
- Supabase59
- Playwright193
- Puppeteer29
- Obsidian128
- Notion44
- Slack73
- All →
Data last updated . Stars and downloads are refreshed every day from GitHub and npm.