gethopp/figma-mcp-bridge

What it solves

Figma MCP Bridge bypasses the strict API rate limits of Figma's official API (which can be as low as 6 requests per month for free users), allowing AI agents to access and edit Figma documents in real-time without these restrictions.

How it works

The project consists of two parts: a Figma plugin and an MCP server. The plugin runs inside the Figma editor and streams live document data via WebSockets to the MCP server. The server then routes these requests from AI tools (like Cursor or Claude Desktop) to the correct Figma file using a fileKey. It supports multiple simultaneous file connections and uses a leader-follower architecture to manage connections between multiple AI tools and the Figma plugin.

Who it’s for

Designers and developers using AI-powered IDEs or agents that need to read design tokens, extract layout information, or programmatically create and edit UI elements directly within Figma.

Highlights

• Bypasses API Limits: Uses a plugin-based approach to avoid official Figma API rate limits.
• Multi-file Support: Connects multiple Figma files simultaneously, allowing agents to query any of them via fileKey.
• Read/Write Capabilities: Includes tools for reading document trees, styles, and metadata, as well as tools to create frames, text, shapes, and images, or modify node properties.
• Broad Toolset: Provides a comprehensive set of tools for managing layout (auto-layout), animations (beta), and importing HTML layers.
• IDE Integration: Compatible with any MCP-compliant AI tool such as Cursor, Windsurf, or Claude Desktop.