Next AI Draw.io
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
作者による説明(英語の原文)
Figma MCP server in Rust: plugin bridge, no API token, no rate limits, 73 tools.
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
チェック 2/2 合格 · あなたのパソコンで動きます
まず:どの AI を使っていますか?
使っているアプリを選ぶと、下に手順が表示されます。
Claude につなげますが、先に準備が必要です
先にパソコンへ Node.js を入れてください(1 回だけ) · パソコン版 Claude アプリ(Windows または Mac)のみ。Web やスマホでは使えません
SettingsDeveloperEdit Config
{
"mcpServers": {
"figma-rust": {
"command": "npx",
"args": [
"-y",
"@nntoan/figma-mcp-rust"
]
}
}
}Figma MCP Rust を使って、私に何ができるか教えて、1 つやってみせて✓ Claude が Figma MCP Rust を使っていると言うか、回答に Figma MCP Rust のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
ChatGPT はまだ Figma MCP Rust につなげません
Figma MCP Rust はパソコンに入れて使うものですが、ChatGPT は Web 上で動くサーバーにしかつなげません
A · Figma MCP Rust につなげるアプリを使う
B · デザイン・画像・音声 の中で ChatGPT につなげる別のサーバー
同じカテゴリでよく使われているものから、キーなしでアドレスだけでつなげるものを選びました
Claude Code につなげますが、先に準備が必要です
先にパソコンへ Node.js を入れてください(1 回だけ)
Mac:Command+スペースで Terminal と入力 · Windows:PowerShell を開く
claude mcp add figma-rust -- npx -y @nntoan/figma-mcp-rustFigma MCP Rust が一覧にあり、接続済みと表示されれば OK です
Figma MCP Rust を使って、私に何ができるか教えて、1 つやってみせて✓ Claude Code が Figma MCP Rust を使っていると言うか、回答に Figma MCP Rust のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Cursor につなげますが、先に準備が必要です
先にパソコンへ Node.js を入れてください(1 回だけ)
Figma MCP Rust を使って、私に何ができるか教えて、1 つやってみせて✓ Cursor が Figma MCP Rust を使っていると言うか、回答に Figma MCP Rust のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
VS Code につなげますが、先に準備が必要です
先にパソコンへ Node.js を入れてください(1 回だけ)
Figma MCP Rust を使って、私に何ができるか教えて、1 つやってみせて✓ VS Code が Figma MCP Rust を使っていると言うか、回答に Figma MCP Rust のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Windsurf、Zed、Gemini CLI など MCP を使える他のアプリは追加方法がそれぞれ違います。アプリ一覧で確認してください
JSON 設定は下の「開発者向け」にあります
Claude Code
claude mcp add figma-rust -- npx -y @nntoan/figma-mcp-rustClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"figma-rust": {
"command": "npx",
"args": [
"-y",
"@nntoan/figma-mcp-rust"
]
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"figma-rust": {
"command": "npx",
"args": [
"-y",
"@nntoan/figma-mcp-rust"
]
}
}
}VS Code (mcp.json)
{
"servers": {
"figma-rust": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@nntoan/figma-mcp-rust"
]
}
}
}この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
このサーバーのつなぎ方と、各アプリの公式ドキュメントに基づきます。2026年11月10日に確認。
パソコン上で動かせるアプリ
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月11日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント nntoan で確認済みです
コードの最終更新:40 日前
このリポジトリはまだGitHubから読み取っていません
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
質問、コツの共有、使えないことの報告ができます。「役に立った」の多い順です。
まだレビューはありません
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック2項目のうち2項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は40 日前、最新バージョン(0.1.0)がレジストリに届いたのは40 日前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。
同じカテゴリには:Next AI Draw.io, Pascal 3D Editor, screenpipe
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:↓ 週あたりのダウンロードi★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
Create, inspect, validate, and save editable 3D building scenes with Pascal's MCP server.
Search your local screen recordings, audio transcripts, and computer activity from screenpipe.
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
A high-performance Rust port of [vkhanhqui/figma-mcp-go](https://github.com/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
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.
Install via npx, no build step required.
Claude Code CLI
claude mcp add -s project figma-mcp-rust -- npx -y @nntoan/figma-mcp-rust@latest
Claude Code plugin marketplace
/plugin marketplace add nntoan/figma-mcp-rust
/plugin install figma-mcp-rust@figma-mcp-rust
Installing 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" ] } } }
manifest.json from the plugin.zip| 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 |
| 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, and more) 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 |
| Tool | Description |
|---|---|
delete_nodes | Delete one or more nodes permanently |
| 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 |
| 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 |
| 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 |
| 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 |
| 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 |
| 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 |
| 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 |
| 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 |
| 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 |
style_audit_strategy | Find nodes using raw values instead of linked styles or variables |
bulk_rename_strategy | Rename nodes to follow a consistent naming convention |
design_token_generation_strategy | Build a variable and style token system from an existing design |
generate_color_palette | Create a primitive color scale plus semantic aliases as variables |
generate_type_scale | Create a full typographic scale as text styles |
generate_component_variants | 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.
tokio::sync::oneshot instead of Go channels guarded by sync.Once, removing the send-on-closed-channel race.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.bridge, leader, follower, election, node) at adjustable levels. Set FIGMA_MCP_LOG=debug for verbo