figma-mcp-go

Figma MCP — Free, No Rate Limits

Open-source Figma MCP server with full read/write access via plugin — no REST API, no rate limits. Turn text into designs and designs into real code. Works with Cursor, Claude, GitHub Copilot, and any MCP-compatible AI tool.

Highlights

• No Figma API token required
• No rate limits — free plan friendly
• Read and Write live Figma data via plugin bridge — 73 tools total
• Full design automation — styles, variables, components, prototypes, and content
• Design strategies included — read_design_strategy, design_strategy, and more prompts built in

https://github.com/user-attachments/assets/17bda971-0e83-4f18-8758-8ac2b8dcba62

Why this exists

Most Figma MCP servers rely on the Figma REST API.

That sounds fine… until you hit this:

| Plan | Limit | |------|-------| | Starter / View / Collab | 6 tool calls/month | | Pro / Org (Dev seat) | 200 tool calls/day | | Enterprise | 600 tool calls/day |

If you're experimenting with AI tools, you'll burn through that in minutes.

I didn't have enough money to pay for higher limits. So I built something that doesn't use the API at all.

Installation & Setup

Install via npx — no build step required. Watch the setup video or follow the steps below.

1. Configure your AI tool

Claude Code CLI

claude mcp add -s project figma-mcp-go -- npx -y @vkhanhqui/figma-mcp-go@latest

.mcp.json (Claude and other MCP-compatible tools)

{
  "mcpServers": {
    "figma-mcp-go": {
      "command": "npx",
      "args": ["-y", "@vkhanhqui/figma-mcp-go"]
    }
  }
}

.vscode/mcp.json (Cursor / VS Code / GitHub Copilot)

{
  "servers": {
    "figma-mcp-go": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@vkhanhqui/figma-mcp-go"
      ]
    }
  }
}

2. Install the Figma plugin

1. In Figma Desktop: Plugins → Development → Import plugin from manifest
2. Select manifest.json from the plugin.zip
3. Run the plugin inside any Figma file

Available Tools

Write — Create

| Tool | Description | |------|-------------| | create_frame | Create a frame with optional auto-layout, fill, and parent | | create_rectangle | Create a rectangle with optional fill and corner radius | | create_ellipse | Create an ellipse or circle | | create_text | Create a text node (font loaded automatically) | | import_image | Decode base64 image and place it as a rectangle fill | | create_component | Convert an existing FRAME node into a reusable component | | create_section | Create a Figma Section node to organise frames on a page |

Write — Modify

| Tool | Description | |------|-------------| | set_text | Update text content of an existing TEXT node | | set_fills | Set solid fill color (hex) on a node | | set_strokes | Set solid stroke color and weight on a node | | set_opacity | Set opacity of one or more nodes (0 = transparent, 1 = opaque) | | set_corner_radius | Set corner radius — uniform or per-corner | | set_auto_layout | Set or update auto-layout (flex) properties on a frame | | set_visible | Show or hide one or more nodes | | lock_nodes | Lock one or more nodes to prevent accidental edits | | unlock_nodes | Unlock one or more nodes | | rotate_nodes | Set absolute rotation in degrees on one or more nodes | | reorder_nodes | Change z-order: bringToFront, sendToBack, bringForward, sendBackward | | set_blend_mode | Set blend mode (MULTIPLY, SCREEN, OVERLAY, …) on one or more nodes | | set_constraints | Set responsive constraints { horizontal, vertical } on one or more nodes | | move_nodes | Move nodes to an absolute x/y position | | resize_nodes | Resize nodes by width and/or height | | rename_node | Rename a node | | clone_node | Clone a node, optionally repositioning or reparenting | | reparent_nodes | Move nodes to a different parent frame, group, or section | | batch_rename_nodes | Bulk rename nodes via find/replace, regex, or prefix/suffix | | find_replace_text | Find and replace text across all TEXT nodes in a subtree or page; supports regex |

Write — Delete

| Tool | Description | |------|-------------| | delete_nodes | Delete one or more nodes permanently |

Write — Prototype

| Tool | Description | |------|-------------| | set_reactions | Set prototype reactions (triggers + actions) on a node; mode replace or append | | remove_reactions | Remove all or specific reactions by zero-based index from a node |

Write — Styles

| Tool | Description | |------|-------------| | set_effects | Apply drop shadow / blur effects directly on a node (no style required) | | create_paint_style | Create a named paint style with a solid color | | create_text_style | Create a named text style with font, size, and spacing | | create_effect_style | Create a named effect style (drop shadow, inner shadow, blur) | | create_grid_style | Create a named layout grid style (columns, rows, or grid) | | update_paint_style | Rename or recolor an existing paint style | | apply_style_to_node | Apply an existing local style to a node, linking it to that style | | delete_style | Delete any style (paint, text, effect, or grid) by ID |

Write — Variables

| Tool | Description | |------|-------------| | create_variable_collection | Create a new local variable collection with an optional initial mode | | add_variable_mode | Add a new mode to an existing collection (e.g. Light/Dark) | | create_variable | Create a variable (COLOR/FLOAT/STRING/BOOLEAN) in a collection | | set_variable_value | Set a variable's value for a specific mode | | bind_variable_to_node | Bind a variable to a node property — supports fillColor, strokeColor, visible, opacity, rotation, width, height, corner radii, spacing, and more | | delete_variable | Delete a variable or an entire collection |

Write — Pages

| Tool | Description | |------|-------------| | add_page | Add a new page to the document (optional name and index) | | delete_page | Delete a page by ID or name (cannot delete the only page) | | rename_page | Rename a page by ID or current name |

Write — Components & Navigation

| Tool | Description | |------|-------------| | navigate_to_page | Switch the active Figma page by ID or name | | group_nodes | Group two or more nodes into a GROUP | | ungroup_nodes | Ungroup GROUP nodes, moving children to the parent | | swap_component | Swap the main component of an INSTANCE node | | detach_instance | Detach component instances, converting them to plain frames |

Read — Document & Selection

| Tool | Description | |------|-------------| | get_document | Full current page tree | | get_metadata | File name, pages, current page | | get_pages | All pages (IDs + names) — lightweight, no tree loading | | get_selection | Currently selected nodes | | get_node | Single node by ID | | get_nodes_info | Multiple nodes by ID | | get_design_context | Depth-limited tree with detail level (minimal/compact/full) | | search_nodes | Find nodes by name substring and/or type within a subtree | | scan_text_nodes | All text nodes in a subtree | | scan_nodes_by_types | Nodes matching given type list | | get_viewport | Current viewport center, zoom, and visible bounds |

Read — Styles & Variables

| Tool | Description | |------|-------------| | get_styles | Paint, text, effect, and grid styles | | get_variable_defs | Variable collections and values | | get_local_components | All components + component sets with variant properties | | get_annotations | Dev-mode annotations | | get_fonts | All fonts used on the current page, sorted by frequency | | get_reactions | Prototype/interaction reactions on a node |

Export

| Tool | Description | |------|-------------| | get_screenshot | Base64 image export of any node | | save_screenshots | Export images to disk (server-side, no API call) | | export_frames_to_pdf | Export multiple frames as a single multi-page PDF file saved to disk | | export_tokens | Export design tokens (variables + paint styles) as JSON or CSS |

MCP Prompts

| Prompt | Description | |--------|-------------| | read_design_strategy | Best practices for reading Figma designs | | design_strategy | Best practices for creating and modifying designs | | text_replacement_strategy | Chunked approach for replacing text across a design | | annotation_conversion_strategy | Convert manual annotations to native Figma annotations | | swap_overrides_instances | Transfer overrides between component instances | | reaction_to_connector_strategy | Map prototype reactions into interaction flow diagrams |

Contributing

Issues and PRs are welcome.

Star History