Figma Console MCP
Figma Console MCP is a MCP server for api integration, published by southleft.
MCP server giving AI assistants complete read-write access to Figma for design system management, component creation, variable sync, and visual debugging.
Is it any good?
Effectiveness · benchmark pending
We haven't benchmarked Figma Console MCP yet, so its score is provisional — computed from safety, maintenance, and documentation only, with popularity given no weight. When we benchmark it, we measure whether it produces materially better output than a frontier model alone, and that result leads the score. How we measure.
About Figma Console MCP
Description · AI-summarised from the southleft README
Figma Console MCP is a Model Context Protocol server that connects AI assistants (like Claude) to Figma. It provides 106+ tools for design system extraction (variables, components, styles), bidirectional token synchronization (export to DTCG JSON and CSS custom properties, import library variables), design creation (frames, components, layouts), visual debugging (screenshots), variable management, version history tracking, FigJam board creation, Figma Slides support, WCAG accessibility scanning, and real-time monitoring via a Desktop Bridge plugin. Supports multiple deployment modes: NPX (recommended, full features), Cloud Mode (web AI clients without Node.js), Local Git (source access), and Remote SSE (read-only exploration).
Where it fits
Browse related skills
Install Figma Console MCP
Install
Install via MCP server
{
"mcpServers": {
"southleft-figma-console-mcp": {
"command": "npx",
"args": ["-y", "@southleft/southleft-figma-console-mcp"]
}
}
}Install with your AI
Zero install · paste into ChatGPT, Claude, Cursor…
Install the "Figma Console MCP" skill into my project by following all instructions at https://skillsdirectory.co/s/southleft-figma-console-mcp
Your assistant reads /s/southleft-figma-console-mcp and follows it — fetching the files from the source, placing them, and confirming before it runs anything. No account needed. How this works.
Frequently asked
FAQ
What does Figma Console MCP do?
MCP server giving AI assistants complete read-write access to Figma for design system management, component creation, variable sync, and visual debugging.
How do I install Figma Console MCP?
Figma Console MCP is a MCP server. Primary install path: { "mcpServers": { "southleft-figma-console-mcp": { "command": "npx", "args": ["-y", "@southleft/southleft-figma-console-mcp"] } } }
What is the Skill Score for Figma Console MCP?
Figma Console MCP has a Skill Score of 6.6/10 (Solid). It is currently a provisional score — Figma Console MCP hasn't been benchmarked yet, so it weights safety 75/100 (40%), maintenance 51/100 (30%), and documentation 72/100 (30%). Popularity carries zero weight until effectiveness is measured. See methodology.
Is Figma Console MCP free?
Figma Console MCP is published under the MIT license. See the vendor's source repository for any usage limits or paid tiers.
Related skills in API integration
Related
Copilot Extensions Preview SDK (JS)
Official JavaScript SDK that handles request verification, response formatting, and prompt streaming for Copilot Extensions.
mcp-use
Complete MCP framework with SDKs for TypeScript and Python to build MCP servers, interactive widgets (MCP Apps), and AI agents with integrated inspector and cloud deployment.
assistant-ui
Composable React library with ChatGPT-like UX, streaming, generative UI, and multi-backend support for building AI chat interfaces fast.
Embed this score
For maintainers · always-current, links back
Put it in your README — it updates as the score changes.[](https://skillsdirectory.co/skills/southleft-figma-console-mcp)
<a href="https://skillsdirectory.co/skills/southleft-figma-console-mcp"><img src="https://skillsdirectory.co/badge/southleft-figma-console-mcp.svg" alt="Scored by skillsdirectory" height="28" /></a>