Which integrations are available for this server?

Provides tools for interacting with Figma via its Plugin API, enabling read/write access to documents, styles, variables, components, prototypes, and content.

Figma MCP Go

by tunglt1810

Overview Schema Source Related Servers Discussions Admin

TypeScript

Local

figma-mcp-go

Figma MCP — Local Plugin Integration tunglt1810/figma-mcp-go server

Open-source Figma MCP server with full read and write access through a Figma plugin. Turn text into designs and designs into code. Works with Claude, Cursor, GitHub Copilot, and any MCP client.

Highlights

Runs locally through the Figma Plugin API. No REST API token needed.
Reads and edits the open Figma file live — 60 tools.
Covers styles, variables, components, prototypes, text, and multi-step batches with undo.
Built-in prompts such as read_design_strategy and design_strategy.
Lean on tokens: short tool descriptions, capped node trees, and images returned as images.

Styles, Variables, Components, Prototypes, and Content

https://github.com/user-attachments/assets/eae41471-fc72-4574-8261-4f42c38b8c99

Text to Design, Design to Code

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

Why this exists

Most Figma MCP servers use the cloud Figma REST API. AI tools make hundreds of quick calls per session, and every cloud round trip adds delay.

This server talks to a Figma plugin on your own machine instead. You get fast, live read and write access to the open file, with no API token.

Related MCP server: figma-mcp-go

Setup

Install with npx or bunx. No build step. Watch the setup video or follow the steps below.

Watch the video

1. Add the server to your AI tool

Claude Code CLI

# via npx
claude mcp add -s project figma-mcp-go -- npx -y @tunglt1810/figma-mcp-go@latest

# or via bunx
claude mcp add -s project figma-mcp-go -- bunx @tunglt1810/figma-mcp-go@latest

Codex CLI

# via npx
codex mcp add figma-mcp-go -- npx -y @tunglt1810/figma-mcp-go@latest

# or via bunx
codex mcp add figma-mcp-go -- bunx @tunglt1810/figma-mcp-go@latest

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

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

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

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

2. Install the Figma plugin

In Figma Desktop: Plugins → Development → Import plugin from manifest
Pick manifest.json from plugin.zip
Run the plugin in any Figma file

3. Use more than one AI tool (optional)

Each AI tool starts its own server, but only one can hold the plugin connection on a port.

Same file: change nothing. The first server takes port 1994; the others forward their calls to it. If it stops, another takes over in a few seconds.

Different files: give each tool its own port, and set the same port in that file's plugin (settings gear):

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

The plugin remembers the last port for all files, so check it when you open the plugin elsewhere.

--ip 0.0.0.0 accepts connections from other machines.

Security: the plugin connection has no login. On the default 127.0.0.1 only your machine can reach it. On any other address, anyone who can reach the port can read and edit your open file. The server warns you and the plugin turns on confirm mode. Prefer an SSH tunnel.

Plugin panel

The panel shows the connected file, the selection, and what the AI is doing.

Control	What it does
Guard	`off` (default) runs everything. `confirm` asks before deletes and bulk changes. `read-only` blocks all changes.
Undo	Undoes the last change. A whole `batch_execute_pipeline` run is one undo step.
Log	Shows every request with tool, time, and error. `Copy` exports it for bug reports.
Pin	Saves the current selection. `get_selection(source: "pinned")` returns it even after the user clicks elsewhere.

Settings and panel size are saved per machine. The panel follows Figma's light and dark theme.

Dev Mode

set_codegen_result saves code on a node. It shows in Dev Mode's Code panel for everyone on the file. Code on a component shows for all its instances. The Language menu filters blocks; if a language has no block, all blocks show.

How it works

The first server to start becomes the leader and holds the only WebSocket to the plugin. Other servers are followers and forward their calls to the leader.

flowchart LR
    client([MCP client]) -- stdio --> tools
    client2([2nd MCP client]) -- stdio --> follower[Follower]

    subgraph leaderProc [Leader process]
        tools[tools<br/>60 tools, Check] -- Send --> leader[cluster.Leader<br/>:1994 /rpc /ws /ping]
        leader --> bridge[bridge<br/>request/response match]
    end

    follower -. POST /rpc .-> leader

    subgraph plugin [Figma plugin]
        ui[Plugin UI<br/>Svelte iframe] -- postMessage --> main[Plugin main<br/>dispatch handlers]
    end

    bridge == WebSocket ==> ui
    main -- read / write --> figma[(Figma document)]

One tool call, end to end:

sequenceDiagram
    participant C as MCP client
    participant T as tools
    participant L as cluster
    participant B as bridge
    participant U as Plugin UI
    participant M as Plugin main
    participant F as Figma

    C->>T: tools/call (stdio)
    T->>L: Send after Check
    Note over L: A follower first sends POST /rpc to the leader
    L->>B: forward
    B->>U: WebSocket request
    U->>M: postMessage
    M->>F: read / write nodes
    F-->>M: nodes
    M-->>U: response
    U-->>B: WebSocket reply
    B-->>L: matched by id
    L-->>T: (any, error)
    T-->>C: tool result

Tools

Read

Tool	What it does
`get_document`	Node tree of the selection, page, or whole file. Stops at 500 nodes by default; `depth`, `maxNodes`, `detail`, `dedupe_components` control size
`get_nodes_info`	Full details of nodes by ID. Unknown IDs go in `missing`; `depth` and `maxNodes` limit children
`get_selection`	Selected nodes, or pinned ones with `source: "pinned"`
`get_metadata`	File name, current page, and all pages
`search_nodes`	Find nodes by name and/or type on a page, in a node, or in the whole file
`get_viewport`	View center, zoom, and visible area
`get_styles`	Paint, text, effect, and grid styles
`get_variable_defs`	Variable collections, modes, and values
`get_local_components`	All components and component sets
`get_instance_overrides`	An instance's component properties and values
`get_annotations`	Dev Mode annotations
`get_fonts`	Fonts on the current page, most used first
`get_reactions`	A node's prototype reactions

Export

Tool	What it does
`export_screenshots`	Export nodes as images: saved to a file with `outputPath`, or returned (PNG/JPG as image, SVG as text). No items = the selection
`export_frames_to_pdf`	Save frames as one multi-page PDF
`get_image_bytes`	Original image files from image fills, as base64
`export_tokens`	Variables and paint styles as JSON or CSS
`set_export_settings`	Set a node's Export presets

Create

Tool	What it does
`create_node`	FRAME, RECTANGLE, ELLIPSE, STAR, POLYGON, LINE, or SECTION
`create_text`	Text node (loads the font)
`create_vector`	Vector from SVG, e.g. an icon
`import_image`	Image from a URL or base64, as a new rectangle or into a node
`create_component`	Turn a frame into a component
`create_component_instance`	Instance of a local or library component
`combine_as_variants`	Combine components into a variant set
`manage_component_properties`	Add, edit, delete, or bind component properties
`create_connector`	Connector line (FigJam only)
`boolean_operation`	UNION, SUBTRACT, INTERSECT, or EXCLUDE shapes
`flatten_nodes`	Merge nodes into one vector
`outline_stroke`	Turn a stroke into a filled shape

Edit

Tool	What it does
`set_node_properties`	Position, size, radius, visibility, lock, opacity, rotation, blend, constraints, layer order, mask, stroke
`set_paint`	Solid or gradient fill, or solid stroke
`set_auto_layout`	Auto layout: direction, padding, gap, align, HUG/FILL sizing, min/max
`set_layout_grids`	Column, row, or square grids
`set_effects`	Shadows, blurs, noise, texture, glass
`set_text`	Text content and whole-node text settings
`set_text_ranges`	Style part of a text: bold, color, link, list
`find_replace_text`	Find and replace text, regex allowed
`set_instance_overrides`	Set an instance's component properties
`swap_component`	Swap an instance to another component
`detach_instance`	Turn instances into plain frames
`clone_node`	Copy a node
`reparent_nodes`	Move nodes into another parent
`group_nodes` / `ungroup_nodes`	Group or ungroup
`batch_rename_nodes`	Rename by name, find/replace, regex, prefix, or suffix
`set_annotations`	Dev Mode annotations (paid seat)
`set_reactions`	Prototype reactions: set, append, or remove
`delete_nodes`	Delete nodes

Styles, variables, pages

Tool	What it does
`create_style`	PAINT, TEXT, EFFECT, or GRID style
`update_paint_style`	Rename or recolor a paint style
`apply_style_to_node`	Apply a style to a node
`delete_style`	Delete a style
`manage_variable`	Create collections, modes, and variables; set values; delete; bind to nodes
`manage_page`	Add, delete, rename, or go to a page

Workflow

Tool	What it does
`batch_execute_pipeline`	Run many write steps in one call, pass results between steps, undo on error
`set_selection`	Select and zoom to nodes to show the user
`save_version_checkpoint`	Save a named version before big changes
`set_codegen_result`	Save code for Dev Mode's Code panel
`manage_plugin_data`	Store key/value notes on a node in the file

Prompts

Prompt	What it does
`read_design_strategy`	How to read designs well
`design_strategy`	How to create and edit designs
`text_replacement_strategy`	Replace text across a design in chunks
`annotation_conversion_strategy`	Turn manual notes into Figma annotations
`swap_overrides_instances`	Copy overrides between instances
`reaction_to_connector_strategy`	Turn prototype links into flow diagrams

Upgrading

Update the plugin when you update the server. npx updates the server, but the plugin is installed by hand. An old plugin rejects new commands with Unknown request type.

See CHANGELOG.md for what changed in each release, including removed tools and what to use instead.

Development

Server: Go 1.27+ (make test-go, make build-go)
Plugin: Bun 1.4+ (cd plugin && bun install && bun run build)
All tests: make test
Logs: stderr. FIGMA_MCP_LOG=debug shows tool parameters and traffic.
Package rules: make deps-check fails on wrong-way imports. internal/ has bridge (plugin WebSocket), cluster (leader election), figma (rules), and tools (tool table). Allowed: tools → figma, cluster → bridge.

macOS binaries need macOS 13 or later (Go 1.27).

Contributing

Issues and PRs are welcome.

Star History

This server cannot be deployed

One endpoint for every MCP toolRayrun runs every MCP server behind one URL and holds the credentials. Each call is decided per client, tool, and argument, then recorded.ray.runAd

Maintenance

ActivityActive

ResponsivenessNo issues

Resources

GitHub Repository

Need Help?

Related Servers

Related MCP Connectors

Figma MCP ServerOAuth
com.figma.mcp
The Figma MCP server brings Figma design context directly into your AI workflow.
Developer Tools Content Management Systems
32,022
LeadFoxConnectOAuth
io.github.LeadFox-Shay
Marketo MCP server for AI. 130 tools to operate Marketo from Claude, Cursor, or ChatGPT.
Marketing CRM
2
gateway
works.jinn
Jinn gateway MCP — brand DNA, brand kits, design systems, and agency tools behind one bearer token.
Design Tools Marketing
2
climbpast
io.github.archievi
Read and edit GA4, Search Console and Google Tag Manager from any MCP client. 29 tools.
Marketing Search Data Platforms
1

Related MCP Servers

Figma MCP Bridge
Developer Tools App Automation Content Management Systems
gethopp
A
license
Not graded
quality
A
maintenance
Figma MCP Bridge is a combined Figma plugin and MCP server that bypasses Figma's free API rate limits by streaming live document data directly to AI tools via a local WebSocket connection instead of the standard cloud API.
Updated 7 days ago (2026-09-21 20:29 UTC)
670
MIT
figma-mcp-go
Design Tools Developer Tools
vkhanhqui
A
license
A
quality
B
maintenance
Figma MCP server with full read/write access via plugin bridge — no API token, no rate limits. 58 tools for design automation: styles, variables, components, prototypes, and content.
Updated 3 months ago (2026-06-27 07:49 UTC)
73
1,267
MIT
genable-mcp
Design Tools AI & Machine Learning
musepy
A
license
A
quality
C
maintenance
Write-side MCP server for Figma — build, edit, and search Figma designs from Claude Code, Cursor, Cline, or any MCP client. Complements Figma's official read-only MCP with 41 tools for tree creation, variables, components, and visual verification.
Updated 2 months ago (2026-07-14 11:04 UTC)
41
2
MIT
figma-query
Design Tools Developer Tools
standardbeagle
A
license
Not graded
quality
C
maintenance
Token-efficient Figma MCP server with image export, query DSL, and design token support.
Updated 9 months ago (2026-01-09 13:11 UTC)
10 npm
MIT

figma-mcp-go

Why this exists

Setup

1. Add the server to your AI tool

2. Install the Figma plugin

3. Use more than one AI tool (optional)

Plugin panel

Dev Mode

How it works

Tools

Read

Export

Create

Edit

Styles, variables, pages

Workflow

Prompts

Upgrading

Development

Contributing

Star History

Maintenance

Resources

Related MCP Connectors

Related MCP Servers

Figma MCP Bridge

figma-mcp-go

genable-mcp

figma-query