What is Figma MCP Console?
Figma MCP Console is an MCP server that lets an AI assistant read and write Figma in real time. A development plugin in Figma Desktop connects to a local bridge, so there is no API token and no rate limit. It covers design to code, drawing screens, tokens and bulk edits.
Figma MCP Console is an MCP server with a companion Figma plugin. The server runs through npx on your machine, the plugin runs inside Figma Desktop, and a local bridge joins them so the AI works on your open file.
Because it uses the plugin route instead of the Figma REST API, it needs no access token and has no rate limits. The trade is that Figma Desktop must be open, since the web app cannot run development plugins.
Four jobs it is built for
- Figma to code: paste a frame link and the agent builds that screen in your codebase, exporting the design's own icons and images.
- Requirement to Figma: describe a screen and the agent draws it, screenshots its own work and fixes what looks off.
- Token sync: pull design tokens into a theme config, or build a design system in Figma from existing code.
- Bulk editing: rename layers, replace text across a page and reorganize frames.
One bridge for many files and projects
Every AI session and every Figma file shares one local bridge on port 2000. The first server to start owns it, later ones join automatically, and another session takes over within a second if the owner exits.
With several files open, each tool accepts a file parameter, and list_files shows what is connected. One session can copy a color from a design system file into a button in a landing page file.
Who it is for
Best for
- Developers who want screens implemented from Figma frames, in the style of a Figma implementation skill, without managing tokens.
- Teams that sync design tokens between Figma and a theme config.
- Anyone comparing bridge-based options such as FigBridge or Figma UI MCP with the official Figma MCP server.
Not for
- Browser-only setups. The README says the web app cannot run development plugins, so Figma Desktop is required.
- Projects that cannot keep a plugin window open while the agent works.
Use it with UiChemy
Figma MCP Console helps an agent draw or refine a screen in Figma. UiChemy's Figma to WordPress then converts that finished design into an editable WordPress page, and Composer handles later tweaks. Click Get Started on uichemy.com.
Connect Figma MCP Console: Read and Write Figma With No API Token to your AI client
claude mcp add figma-console -- npx -y figma-mcp-console@latestCheck the prerequisites
Install Node.js 18 or newer, which you can confirm with
node --version, and the Figma Desktop app. Nothing else needs installing, because npx downloads and runs the server.Add the server
Run the command above inside a project, or add
--scope userto register it for all projects. Codex users runcodex mcp add figma-console -- npx -y figma-mcp-console@latest. Other clients use the JSON config.Install the Figma plugin
Download plugin.zip from the GitHub releases page and unzip it, or run
npx figma-mcp-console install-plugin. In Figma Desktop choose Plugins, Development, Import plugin from manifest, then selectmanifest.json.Run the plugin
Open Plugins, Development, Figma MCP Console and keep the window open while you work. A green dot means connected. Run it in each file you want the agent to touch.
Try a prompt
Copy a frame link with right click, Copy link to selection, then ask the agent to implement it and to screenshot and compare when done.
Client configuration
{
"mcpServers": {
"figma-console": {
"command": "npx",
"args": ["-y", "figma-mcp-console@latest"]
}
}
}Endpoints and ports
port 2000Shared by all sessions and fileshttps://github.com/hoangann2000/figma-mcp-console/releases/latestplugin.zipWhat you can do with it
- No API tokenThe plugin route avoids Figma access tokens and API rate limits.
- Design to code with assetsExports icons and images from the design into your project instead of inventing replacements.
- Self-check by screenshotAsking the agent to screenshot and compare makes it verify its own work.
- Choose export formatExports follow the file extension: svg for vector, png or jpg for bitmap, at 0.5 to 4x scale.
- Multi-file sessionsA
fileparameter picks the target when several files are connected. - Shared local bridgeSessions from different projects reach every connected file without extra setup.
- Bulk editsRename layers, replace text across a page and reorganize frames in one request.
- Rules file for export habitsStore asset paths and naming preferences once in your tool's rules file.
Tools it exposes
get_variable_defs
Reads design tokens from Figma variables so they can be mapped to a theme config.
list_files
Shows which Figma files are currently connected through the bridge.
Frequently asked questions
What is Figma MCP Console?
It is an open-source MCP server that lets an AI assistant read and write Figma in real time. A plugin in Figma Desktop connects to a local bridge, which is why it needs no API token and has no rate limits.
How do I install Figma MCP Console?
Register the figma-console server with npx -y figma-mcp-console@latest in your client's MCP config, using the JSON snippet or your tool's add command. Then import the plugin from manifest.json in Figma Desktop and keep its window open while you work.
Does it need a Figma API token?
No. The README says it works without an API token and without rate limits. It reaches Figma through a development plugin that runs inside Figma Desktop, so you do not create or paste a token anywhere.
Which AI tools work with Figma MCP Console?
The README lists Claude CLI, Claude Desktop, Codex, VS Code with GitHub Copilot, Cursor and Antigravity, and says any client with standard MCP stdio transport works. Each one uses the same npx command in its own config file.
Can it work with more than one Figma file?
Yes. Run the plugin in each file and every window joins the same bridge on port 2000. Each tool then takes a file parameter, and list_files shows which files are connected right now.
Why does it say no Figma plugin is connected?
Open the plugin in Figma Desktop from Plugins, Development and keep its window open in every file you want the AI to use. The Searching for MCP server message is normal until your AI client connects.
Where do exported assets go?
Exports are written relative to where the server runs. Register the server in the project level config, or tell the agent an explicit export path. A rules file can store icon and image folders so you do not repeat them.
What are alternatives to Figma MCP Console?
Other bridge options include FigBridge and Figma UI MCP. Figma MCP Console itself uses a companion Figma plugin and a local bridge on port 2000, so it needs no access token and has no rate limits, but Figma Desktop must be open. The official route is the Figma MCP server.