What is Figma MCP Bridge?
Figma MCP Bridge by Hopp is a Figma plugin plus an MCP server that streams live document data to an AI coding agent without calling the Figma REST API. That avoids the API limits free accounts hit, and it supports several Figma files at once.
It is a Figma plugin paired with an MCP server. The plugin reads your open document and streams it to the server, which passes it to your AI coding agent. No call goes through the Figma REST API.
The problem it solves
The README points out that Figma's API limit for free accounts is six requests per month. Tools that depend on the REST API stall quickly. Reading through a plugin avoids that limit.
Reading and optional editing
The main job is reading Figma data into your agent. It also includes a small opt-in set of write tools for safe, agent-driven edits, described in the README's Editing Notes section.
- Several Figma files can be connected at once; the agent selects one by fileKey.
- Single-file setups work with no extra configuration.
- It needs the Figma desktop app on macOS or Windows.
Alternatives
For a bridge that also draws on the canvas see figma-ui-mcp; for a code-execution approach see figma-pilot.
Use it with UiChemy
After the design is read into code or finished in Figma, UiChemy's Figma to WordPress can turn it into an editable page. Get Started at uichemy.com.
Connect Figma MCP Bridge: Figma for AI Agents Without API Limits to your AI client
npx -y @gethopp/figma-mcp-bridgeAdd the server
Add the JSON config to your AI tool's MCP settings, for example Cursor, Windsurf or Claude Desktop.
Install the plugin
Download the plugin from the latest release, then in Figma choose Plugins, Development, Import plugin from manifest and select manifest.json.
Start using it
Open a Figma file, run the plugin and start prompting. The server connects to the plugin automatically.
Client configuration
{
"figma-bridge": {
"command": "npx",
"args": ["-y", "@gethopp/figma-mcp-bridge"]
}
}What you can do with it
- No REST API callsData streams through the plugin, so free-plan API limits do not apply.
- Multi-file supportOpen the plugin in each file and target any of them by fileKey.
- Simple setupOne npx entry in the MCP config and one plugin import.
- Opt-in write toolsA small set of safe edit tools is available when you want the agent to change the file.
- Live dataReads the open document as it is now, not a cached export.
Tools it exposes
list_files
Lists all connected Figma files for multi-file workflows.
Frequently asked questions
What is Figma MCP Bridge?
It is an open-source Figma plugin and MCP server from Hopp. The plugin streams your open document to the server, which exposes it to an AI coding agent, so the agent can read designs without using the Figma REST API or its request limits.
Why use Figma MCP Bridge instead of the REST API?
The README notes that free Figma accounts are limited to six API requests per month, which blocks tools that rely on the REST API. Because this bridge reads through a plugin inside Figma, those limits do not apply to the data it streams.
How do I install Figma MCP Bridge?
Add a server named figma-bridge with the command npx and the arguments -y and @gethopp/figma-mcp-bridge to your AI tool's MCP config. Then download the plugin from the latest release and import its manifest.json in Figma under Plugins, Development. Open the file you want the agent to read first.
Does it work in the Figma browser app?
No. It needs the Figma desktop app on macOS or Windows, because the browser version does not support importing development plugins. Run the plugin in the desktop app with your file open. Run the plugin in each file you want to use.
Can it connect to more than one Figma file?
Yes. Open the plugin in each file and the bridge keeps every connection active. Your AI agent can target a particular file by its fileKey, and the list_files tool shows which files are connected. Check the README for the current client list.
Can the agent edit my Figma file?
Mainly it reads, but the project includes a small opt-in set of write tools for safe agent-driven edits. The README covers these under Editing Notes, so review that section before you let an agent change a shared file. Review the Editing Notes before enabling write tools.
Is Figma MCP Bridge free?
Yes. It is released under the MIT licence and runs locally through npx, with the plugin imported from a release download. Figma and your AI client keep their own plans and pricing. Compare it with Figma Unified MCP for a different approach.