# Figma MCP Bridge (MCP server)

> Figma MCP Bridge is an MCP server that adds developer tools to AI assistants such as Claude Desktop, Claude Code and Cursor. Figma Plugin & MCP server to bypass API limits. It has 713 GitHub stars, is released under the MIT license and runs locally with npx -y @gethopp/figma-mcp-bridge.

While other amazing Figma MCP servers like Figma-Context-MCP exist, one issues is the API limiting for free users. The limit for free accounts is 6 requests per month, yes per month.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/gethopp/figma-mcp-bridge |
| GitHub stars | 713 |
| License | MIT |
| Language | TypeScript |
| Transport | stdio |
| Packages | npm: @gethopp/figma-mcp-bridge |
| Remote URL | none |
| Needs API key | no |
| Official | no |
| Works with | Claude Desktop, Claude Code, Cursor, VS Code |
| Category | Developer tools |
| Latest release | v0.0.23 (Oct 4, 2026) |
| Last commit | Oct 4, 2026 |

## Install

### Claude Desktop (claude_desktop_config.json)

```json
{
  "mcpServers": {
    "figma-mcp-bridge": {
      "command": "npx",
      "args": [
        "-y",
        "@gethopp/figma-mcp-bridge"
      ]
    }
  }
}
```

Settings > Developer > Edit Config. macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\. Restart Claude Desktop afterwards.

### Claude Code

```sh
claude mcp add --transport stdio figma-mcp-bridge -- npx -y @gethopp/figma-mcp-bridge
```

### Cursor (.cursor/mcp.json)

```json
{
  "mcpServers": {
    "figma-mcp-bridge": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@gethopp/figma-mcp-bridge"
      ]
    }
  }
}
```

Project file; use ~/.cursor/mcp.json to enable it in every project.

### VS Code (.vscode/mcp.json)

```json
{
  "servers": {
    "figma-mcp-bridge": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@gethopp/figma-mcp-bridge"
      ]
    }
  }
}
```

Config formats checked against the official docs on 2026-10-07.

## Tools

- `list_files`: List all connected Figma files (supports multi-file workflows)
- `get_document`: Get the current Figma page document tree
- `get_selection`: Get the currently selected nodes in Figma
- `get_node`: Get a specific Figma node by ID (colon format, e.g. 4029:12345)
- `get_prototype_connections`: Read prototype interactions on a node and its descendants
- `trace_prototype_flow`: Trace prototype navigation between screens
- `get_styles`: Get all local paint, text, effect, and grid styles
- `get_metadata`: Get file name, pages, and current page info
- `get_design_context`: Get a depth-limited tree optimized for understanding design context
- `get_variable_defs`: Get all variable collections, modes, and values (design tokens)
- `get_screenshot`: Export nodes as PNG/SVG/JPG/PDF (base64-encoded)
- `save_screenshots`: Export and save screenshots directly to the local filesystem
- `get_motion_styles`: List all available animation presets (beta)
- `get_node_motion`: Read a node's current animation styles and properties (beta)
- `apply_animation_style`: Apply a preset animation style to a node (beta)
- `remove_animation_style`: Remove an applied animation style from a node (beta)
- `apply_manual_keyframe_track`: Apply a manual keyframe track to a node property (beta)
- `remove_manual_keyframe_track`: Remove a manual keyframe track from a node property (beta)
- `set_timeline_duration`: Set the duration of a timeline in seconds (beta)
- `set_node_visibility`: Show or hide specific nodes
- `set_text_content`: Replace the contents of a text node (TEXT, FigJam sticky, or shape label)
- `set_text_properties`: Patch font, size, alignment, auto-resize, color, and bounds on text nodes/sublayers
- `set_node_properties`: Patch common node properties: name, position, size, visibility, opacity, corner radius (single or batch)
- `set_solid_fill`: Replace a node's fill or stroke with a single solid paint
- `set_gradient_fill`: Replace a node's fill or stroke with a linear/radial/angular/diamond gradient
- `set_effects`: Replace a node's effects list (drop/inner shadows, layer/background blurs)
- `set_stroke_properties`: Patch stroke weight, align, dash pattern, cap, and join
- `set_auto_layout`: Configure auto-layout direction, padding, gap, alignment, sizing, and wrap (not sections)
- `create_page`: Create a new page in the document, optionally switching to it
- `create_frame`: Create a new frame, optionally under a parent
- `create_section`: Create a section — a named, resizable container (Figma and FigJam)
- `create_text`: Create a new text node
- `create_shape`: Create a rectangle, ellipse, or line
- `create_shape_with_text`: Create a FigJam shape with its own text label (SHAPEWITHTEXT), incl. text fill
- `create_image`: Create an image-backed rectangle from a local path, URL, or data URI
- `create_sticky`: Create a sticky note in FigJam
- `create_connector`: Create a connector between two nodes in FigJam, with attachment anchors
- `import_html_layers`: Bulk-import an html-figma layer tree (JSON) as frames, text, rectangles, and vectors
- `duplicate_nodes`: Duplicate nodes in place
- `duplicate_with_offset`: Duplicate nodes and move each duplicate by a fixed offset

## Similar MCP servers

- [Gemini CLI](https://appsgit.com/mcp-servers/gemini-cli): An open-source AI agent that brings the power of Gemini directly into your terminal. (107,240 stars, Apache-2.0)
- [Front-End Checklist](https://appsgit.com/mcp-servers/front-end-checklist): Review frontend code and live pages against 386 quality-gated web development rules. (74,390 stars, MIT)
- [Claude Flow](https://appsgit.com/mcp-servers/claude-flow): AI orchestration with hive-mind swarms, neural networks, and 87 MCP tools for enterprise dev. (74,016 stars, MIT, needs API key)
- [Codebase Memory](https://appsgit.com/mcp-servers/codebase-memory): Codebase knowledge graph for AI agents — 162 languages, sub-ms queries, 99% fewer tokens. (45,917 stars, MIT)
- [Bytedance Filesystem](https://appsgit.com/mcp-servers/bytedance-filesystem): MCP server for filesystem access. (39,206 stars, Apache-2.0)
- [GitHub](https://appsgit.com/mcp-servers/github): Connect AI assistants to GitHub - manage repos, issues, PRs, and workflows through natural language. (33,414 stars, MIT, official, needs API key)

---

Canonical page: https://appsgit.com/mcp-servers/figma-mcp-bridge
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.