Topic

Figma MCP servers and agent skills

49 listed tools mention Figma in the name or description. Each one has a risk grade from public signals and a link to its own page with setup steps and any outside security reports we found. Grades are our opinion, not a code review.

49 tools

Tools matching Figma, best popularity score first. Column headers sort the table.
AFigma-Context-MCPMCP server to provide Figma layout information to AI coding agents like CursorMCP server16.1k112k
Dfigma-console-mcpThe most comprehensive MCP server for Figma — design tokens, variables, components, write tools, version history diff, accessibility audits, FigJam, Slides, and more. Local (WebSocket Desktop Bridge plugin) and Cloudflare Workers (paired + remote) modes.MCP server2.6k35.7k
Cfigma-ui-mcpAI 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.MCP server265771
Bclaude-talk-to-figma-mcpA Model Context Protocol (MCP) that allows Claude Desktop and other AI tools (Claude Code, Cursor, Antigravity, etc.) to read, analyze, and modify Figma designsMCP server674401
Cplumb-mcpLocal 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.MCP server83203
Cflowbite-mcpConvert Figma design to code with the official Flowbite MCP serverMCP server42470
Cfigma-mcp-rustFigma MCP build with Rust, server with full read/write access via plugin (no REST API, no rate limits, 73 tools)MCP server73114
Bcursor-talk-to-figma-mcpTalkToFigma: 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.MCP server7.1k—
CglobestudioOpen-source dotted maps and animated 3D globes for designers. 21 looks, PNG, SVG, GLB, WebM, MP4 and GIF export, embeds, a React component, a Figma plugin, an MCP server and an agent skill. MIT.Skill22202
Cdesign-extractExtract 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+.Skill4.4k—
CthesvgThe open SVG brand library: 7,600+ brand logos and cloud icons (AWS, Azure, GCP) as official SVG. Search, copy, ship via npm, CDN, CLI, React, Vue, Svelte, Figma, VS Code, Raycast and MCP. Free, MIT, no gatekeeping.MCP server2.9k—
Dfigma-mcp-serverA local MCP server with full Figma REST API coverage.MCP server10795
Bfigma-mcp-bridgeFigma Plugin & MCP server to bypass API limitsMCP server848—
CFigma MCP ServerThe Figma MCP server brings Figma design context directly into your AI workflow.MCP server2.1k—
CfigwrightFree, 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.MCP server1.2k—
Dfigma-edit-mcpRead, create, and modify Figma designs programmatically via MCP, empowering AI to execute Figma changes safer, cleaner, and faster.MCP server14175
Cdesign-token-bridge-mcpMCP server that translates design tokens between platforms — Tailwind, Figma, CSS to Material 3, SwiftUI, and CSS VariablesMCP server5158
Dfigjam-mcpMCP server that turns a FigJam board into queryable LLM context — read via the Figma API, clustered with geometry + vision. No PDF export.MCP server1781
Cpattern-mcpPattern 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 decision is recorded in an auditable ledger.MCP server9273
Ccommunity-resourcesA collection of open source plugins, widgets, agent skills, and developer resources for Figma products that have been shared on GitHub.Skill858—
C@ufira/vibmaVibma — Vibe Design meets Figma. AI-powered MCP bridge for designing in Figma.MCP server628—
Cfigma-usedannote/figma-useMCP server614—
Cgenable-mcpWrite-side MCP server for Figma — build, edit, restructure, and search Figma designs from Claude Code, Cursor, Cline, or any MCP client. Your agent is the LLM, so no Figma-plugin API key is needed. Complements Figma's official MCP (which is read-only). 39MCP server3115
Cbetter-design🎨 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 command.MCP server545—
Dfigme-mcpMCP server that reads local Figma .fig files, fully offlineMCP server3284
Ddsh-figma-mcpDSH 的 Figma MCP 一键连接插件,对话中粘贴链接,Agent 即可读写节点/图层/变量/样式,生成 React/Vue 代码,OAuth 安全登录,Token 本机存储,内置工作流指令和 Skill 引导使用MCP server4636
Dui-figma-robloxInstaller for the ui-figma-roblox Agent Skill - stud-style Roblox UI design in Figma for Claude Code, OpenCode, Codex/ChatGPT, Cursor, Gemini CLI and more.Skill7213
ClayerwrightTurn 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.MCP server935
CuSpecGenerate design system documentation for your UI components, directly from your AI agent. Renders into Figma or a portable .md file. Works with Cursor, Claude Code, and Codex.MCP server248—
Cfigma-flutter-mcpAn MCP server that provides the coding agents Figma's design token to write Flutter code.MCP server242—
Dfigma-mcp-expressCompact Figma MCP with validated batch ops through a local plugin bridge.MCP server—751
D@rui.branco/jira-mcpJira & 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 logMCP server2509
Dmcp-figmaFigma MCP server for accessing Figma APIMCP server—2.4k
CtruecanvasDesign with your real React components: a Figma-like canvas for Next.js and Vite where layers are your .tsx and agents edit through MCP.MCP server2105
CbridgeDesign in Figma with Claude Code. Bridge connects your terminal to the Figma Plugin API via WebSocket.MCP server156—
Cweb-commentsFigma-style comments for any web page: drop a comment on an element, reply, resolve. Bring your own sign-in, database and screenshot storage; send threads to Linear, or to agents over MCP.MCP server—1.9k
CzeluneZelune — Figma-style Multi-Screen React Native Visual Canvas & AST Sync MCP Server for Google AntigravityMCP server—1.9k
Cui-design-to-code-mcpMCP server for Codex, Cursor, and Claude Code to turn UI screenshots and Figma data into design-to-code artifacts.MCP server—369
Dvivi-figma-mcpMCP-сервер: ИИ-агенты (Claude Code, Cursor, Devin…) смотрят дизайн в открытом файле Figma, выгружают из него картинки и создают/правят дизайн настоящими нодами.MCP server—1.3k
Cfigmosha2Let Claude edit your Figma file for you — bulk-rename layers, swap variants, bind colour variables, pour in real copy. Describe the change in plain words, watch it land in the file in seconds. A small plugin keeps Figma talking to your terminal.MCP server110—
Cralph-starterBootstrap projects from Figma, Linear, Notion & GitHub specs. The only AI ralph with source integrations.MCP server108—
Cfigma-pilotMCP that let AI agents control Figma through code executionMCP server106—
CClaude-Code-Design-AIClaude Design: AI UI/UX architect. Screenshot to React, Figma components, Tailwind CSS generator. Prototyping agent, design systems, wireframe renderer. SVG icon creator, dark mode toggle, responsive layout tool. Front-end code export, shadcn/ui integration, vector assets, branding assistant.Skill86—
Ddesign-os-studioDESIGN:OS Studio — Native GPU-accelerated interface design & Figma engine built in RustMCP server79—
DdesignfitValidate AI-built front-ends against Figma by tokens and geometry, not pixels.MCP server—39
Ddsh-work-componentsDeepSeek 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), plMCP server—570
Cwork-with-design-systemsInspect, build, or extend Figma design systems from Claude Code. Read-only audits with WCAG checks and component scoring, build mode with variable bindings and slots, optional Phase 6 sync to tokens.css + AI rules.Skill53—
D@clovis500c/figma-bridgeLocal MCP bridge that lets any AI agent design in the Figma desktop app, with no rate limits.MCP server343
Dfigma-rust-mcpClaude 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.MCP server265

All topics · Browse directory pages