A zero-dependency MCP server that gives coding agents read and write access to a live Figma canvas, then closes the loop by handing the rendered PNG back to the model for visual self-critique.
figma-mcp-bridge is an MCP project maintained in the kolganovr/figma-mcp-bridge repository. The maintainer describes its purpose as “A zero-dependency MCP server that gives coding agents read and write access to a live Figma canvas, then closes the loop by handing the rendered…”. Read the project documentation for the complete scope.
Project documentation · Repository · Discovery listing. This profile records the public documentation checked on 2026-10-08.
Check the linked publisher documentation and your connected client's tool list. Names and availability can vary with the server version and account permissions.
| Tool | What it does |
|---|---|
| Tier | Count |
| Core | 8 |
| Extended | 5 |
| REST | 7 |
| Legacy | 3 |
| figma_execute_code | Run JS in the Figma sandbox. Injects figma, ensureFont, getFreePosition, progress, bridge. Supports capture, capture_node_ids, diff, max_px… |
| figma_inspect | Read many live nodes in one call: compact outline (or view: "map" canvas map), exact props (incl. reactions, connector), name find / text find_text, context… |
| figma_read_canvas | Token-optimized read of the live document (jsx / tree / json) with budget_tokens (default: the server's byte budget). |
| figma_screenshot | PNG of specific node_ids or the current selection, sized by max_px. |
| figma_find_components | Cached, tokenized, fuzzy component search — variants, properties, keys. |
| figma_insert_component_instance | Instantiate a component/variant, apply text overrides, place into AutoLayout. |
| figma_insert_svg | Insert raw SVG with proportional scaling, recoloring, optional component wrapping. |
| figma_get_variables | Variable collections, modes, and token values. |
| figma_rollback | Undo a previous write call's checkpoint. |
| figma_get_selection | Geometry, compact hex fills, parent/page, AutoLayout context of the selection. |
| figma_get_canvas_layout | Artboard bounds + a safe suggestedNextPosition. layout:"grid" shelf-packs. |
| figma_set_variables_mode | Switch theme mode (Dark/Light/Brand) on a frame or page. |
| figma_job_status | Wait (blocking, wait_ms) for an escalated background job. |
| figma_list_targets | List connected Figma documents for multi-file targeting. |
| get_image | Render nodes to PNG/SVG/PDF via Figma's renderer. |
Feed real design data to your coding assistant — layout, tokens and components straight from Figma files.
Integrates Figma's API with Claude and other Model Context Protocol (MCP) compatible clients, providing read-only access to Figma files and projects.
Manages courses, assignments, enrollments, and grades within Canvas using the Canvas API.
Provides a unified TypeScript interface for LLMs to interact with various 3D software applications.
Generates Vue 3 components from Figma designs, adhering to Hostinger's design system.
Enables Cursor AI to interact with Figma, allowing programmatic design modification and data extraction.