Provides tools for interacting with live Figma designs via a plugin bridge, enabling read and write access to Figma documents, including creating and modifying nodes, styles, variables, components, prototypes, pages, text, and exports such as screenshots, PDFs, and design tokens.
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type @ followed by the MCP server name and your instructions, e.g., "@figma-mcp-rust create a login frame with a title, email field, and submit button"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
A high-performance Rust port of vkhanhqui/figma-mcp-go. All credit for the original design, the Figma plugin bridge, and the tool catalogue goes to @vkhanhqui. This repo migrates that same MCP server to Rust with structured logging, race-free request correlation, and a declarative tool table; see "What changed in the Rust rewrite" below.
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 in total
Full design automation: styles, variables, components, prototypes, and content
Design strategies built in as MCP prompts, plus matching Claude Code skills
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.
Related MCP server: Claude Talk to Figma MCP
Install via npx, no build step required.
Claude Code CLI
claude mcp add -s project figma-mcp-rust -- npx -y @nntoan/figma-mcp-rust@latestClaude Code plugin marketplace
/plugin marketplace add nntoan/figma-mcp-rust
/plugin install figma-mcp-rust@figma-mcp-rustInstalling the plugin also adds 13 skills covering the workflows below, from reading designs to generating tokens and troubleshooting the bridge.
Codex CLI
codex mcp add figma-mcp-rust -- npx -y @nntoan/figma-mcp-rust@latest.mcp.json (Claude and other MCP-compatible tools)
{
"mcpServers": {
"figma-mcp-rust": {
"command": "npx",
"args": ["-y", "@nntoan/figma-mcp-rust"]
}
}
}.vscode/mcp.json (Cursor / VS Code / GitHub Copilot)
{
"servers": {
"figma-mcp-rust": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@nntoan/figma-mcp-rust"
]
}
}
}In Figma Desktop: Plugins → Development → Import plugin from manifest
Select manifest.json from the plugin.zip
Run the plugin inside any Figma file
Tool | Description |
| Create a frame with optional auto-layout, fill, and parent |
| Create a rectangle with optional fill and corner radius |
| Create an ellipse or circle |
| Create a text node (font loaded automatically) |
| Decode base64 image and place it as a rectangle fill |
| Convert an existing FRAME node into a reusable component |
| Create a Figma Section node to organise frames on a page |
Tool | Description |
| Update text content of an existing TEXT node |
| Set solid fill color (hex) on a node |
| Set solid stroke color and weight on a node |
| Set opacity of one or more nodes (0 = transparent, 1 = opaque) |
| Set corner radius, uniform or per-corner |
| Set or update auto-layout (flex) properties on a frame |
| Show or hide one or more nodes |
| Lock one or more nodes to prevent accidental edits |
| Unlock one or more nodes |
| Set absolute rotation in degrees on one or more nodes |
| Change z-order: |
| Set blend mode (MULTIPLY, SCREEN, OVERLAY, and more) on one or more nodes |
| Set responsive constraints |
| Move nodes to an absolute x/y position |
| Resize nodes by width and/or height |
| Rename a node |
| Clone a node, optionally repositioning or reparenting |
| Move nodes to a different parent frame, group, or section |
| Bulk rename nodes via find/replace, regex, or prefix/suffix |
| Find and replace text across all TEXT nodes in a subtree or page; supports regex |
Tool | Description |
| Delete one or more nodes permanently |
Tool | Description |
| Set prototype reactions (triggers + actions) on a node; mode |
| Remove all or specific reactions by zero-based index from a node |
Tool | Description |
| Apply drop shadow / blur effects directly on a node (no style required) |
| Create a named paint style with a solid color |
| Create a named text style with font, size, and spacing |
| Create a named effect style (drop shadow, inner shadow, blur) |
| Create a named layout grid style (columns, rows, or grid) |
| Rename or recolor an existing paint style |
| Apply an existing local style to a node, linking it to that style |
| Delete any style (paint, text, effect, or grid) by ID |
Tool | Description |
| Create a new local variable collection with an optional initial mode |
| Add a new mode to an existing collection (e.g. Light/Dark) |
| Create a variable (COLOR/FLOAT/STRING/BOOLEAN) in a collection |
| Set a variable's value for a specific mode |
| Bind a variable to a node property; supports |
| Delete a variable or an entire collection |
Tool | Description |
| Add a new page to the document (optional name and index) |
| Delete a page by ID or name (cannot delete the only page) |
| Rename a page by ID or current name |
Tool | Description |
| Switch the active Figma page by ID or name |
| Group two or more nodes into a GROUP |
| Ungroup GROUP nodes, moving children to the parent |
| Swap the main component of an INSTANCE node |
| Detach component instances, converting them to plain frames |
Tool | Description |
| Full current page tree |
| File name, pages, current page |
| All pages (IDs + names), lightweight, no tree loading |
| Currently selected nodes |
| Single node by ID |
| Multiple nodes by ID |
| Depth-limited tree with |
| Find nodes by name substring and/or type within a subtree |
| All text nodes in a subtree |
| Nodes matching given type list |
| Current viewport center, zoom, and visible bounds |
Tool | Description |
| Paint, text, effect, and grid styles |
| Variable collections and values |
| All components + component sets with variant properties |
| Dev-mode annotations |
| All fonts used on the current page, sorted by frequency |
| Prototype/interaction reactions on a node |
Tool | Description |
| Base64 image export of any node |
| Export images to disk (server-side, no API call) |
| Export multiple frames as a single multi-page PDF file saved to disk |
| Export design tokens (variables + paint styles) as JSON or CSS |
Prompt | Description |
| Best practices for reading Figma designs |
| Best practices for creating and modifying designs |
| Chunked approach for replacing text across a design |
| Convert manual annotations to native Figma annotations |
| Transfer overrides between component instances |
| Map prototype reactions into interaction flow diagrams |
| Find nodes using raw values instead of linked styles or variables |
| Rename nodes to follow a consistent naming convention |
| Build a variable and style token system from an existing design |
| Create a primitive color scale plus semantic aliases as variables |
| Create a full typographic scale as text styles |
| Clone a component into size, theme, state, or dark-mode variants |
Each prompt is also available as a Claude Code skill when the server is installed through the plugin marketplace, alongside a bridge-troubleshooting skill for connection issues.
vkhanhqui/figma-mcp-go, the Go original
alvinindra/figma-mcp-rust, the original Rust port (upstream)
Memory-safe websocket bridge: request/response correlation uses tokio::sync::oneshot
instead of Go channels guarded by sync.Once, removing the send-on-closed-channel race.
Declarative tool table: all 73 tool registrations live in a single static array
(src/tools/definitions.rs) instead of ~700 lines of repetitive Go handlers. New tools
are added by appending one entry plus an optional JSON Schema builder.
Structured logging via tracing: every component emits per-target events
(bridge, leader, follower, election, node) at adjustable levels. Set
FIGMA_MCP_LOG=debug for verbose output.
thiserror-based error types instead of formatted strings, so callers can match on
specific failure modes (NotConnected, Timeout, etc.).
Pure-Rust PDF merging via lopdf, no external CLI dependency.
First-class CLI via clap with derived help text and validation.
Issues and PRs are welcome.
This server cannot be deployed
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
Access and maintain design system docs, tokens, components, skills, and contexts across any project.
Give your AI agents a design superpower. Generate, edit, and publish publication-grade decks, reports, landing pages, resumes, and marketing visuals directly within your agent workflow. Delivering frontier-level design quality at 3× the speed and 53× lower cost -from conversational prompt to live link or vector PDF in minutes.
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
