Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
パソコンで動く
Excalidraw MCP
What it does
Model Context Protocol server for Excalidraw diagrams.
- Connects パソコンで動く
- Account or key No key needed
- Category デザイン・画像・音声
インストール
使っているAIアプリを選んで、設定をコピーしてください。
チェック 2/3 合格 · あなたのパソコンで動きます · ✓ コマンド確認済み 2026年11月13日
まず：どの AI を使っていますか？
使っているアプリを選ぶと、下に手順が表示されます。
Claude につなげますが、先に準備が必要です
先にパソコンへ Node.js を入れてください（1 回だけ） · パソコン版 Claude アプリ（Windows または Mac）のみ。Web やスマホでは使えません
パソコン版 Claude アプリの設定ファイルを開く
SettingsDeveloperEdit Config
この設定を貼り付けて保存
{ "mcpServers": { "excalidraw": { "command": "npx", "args": [ "-y", "@cmd8/excalidraw-mcp" ] } } }Claude を終了してもう一度開く
試してみる
Excalidraw MCP を使って、私に何ができるか教えて、1 つやってみせて✓ Claude が Excalidraw MCP を使っていると言うか、回答に Excalidraw MCP のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
ChatGPT はまだ Excalidraw MCP につなげません
Excalidraw MCP はパソコンに入れて使うものですが、ChatGPT は Web 上で動くサーバーにしかつなげません
代わりにできること
A · Excalidraw MCP につなげるアプリを使う
- 先にパソコンへ Node.js を入れてください（1 回だけ） · パソコン版 Claude アプリ（Windows または Mac）のみ。Web やスマホでは使えません
- 先にパソコンへ Node.js を入れてください（1 回だけ）
- 先にパソコンへ Node.js を入れてください（1 回だけ） · ワンクリックのボタンはありません。設定を貼り付けて値を自分で入力します
- 先にパソコンへ Node.js を入れてください（1 回だけ） · ワンクリックのボタンはありません。設定を貼り付けて値を自分で入力します
B · デザイン・画像・音声 の中で ChatGPT につなげる別のサーバー
同じカテゴリでよく使われているものから、キーなしでアドレスだけでつなげるものを選びました
- Pascal 3D Editor✓ ChatGPT
- Semiotic✓ ChatGPT
- TypeUI✓ ChatGPT
Claude Code につなげますが、先に準備が必要です
先にパソコンへ Node.js を入れてください（1 回だけ）
ターミナルを開く
Mac：Command+スペースで Terminal と入力 · Windows：PowerShell を開く
このコマンドを貼り付けて Enter
claude mcp add --scope user excalidraw -- npx -y @cmd8/excalidraw-mcpClaude Code で /mcp と入力
Excalidraw MCP が一覧にあり、接続済みと表示されれば OK です
試してみる
Excalidraw MCP を使って、私に何ができるか教えて、1 つやってみせて✓ Claude Code が Excalidraw MCP を使っていると言うか、回答に Excalidraw MCP のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Cursor につなげますが、先に準備が必要です
先にパソコンへ Node.js を入れてください（1 回だけ） · ワンクリックのボタンはありません。設定を貼り付けて値を自分で入力します
Cursor の MCP 設定ファイルを開く
~/.cursor/mcp.json
この設定を貼り付け、空いている値を入力して保存
{ "mcpServers": { "excalidraw": { "command": "npx", "args": [ "-y", "@cmd8/excalidraw-mcp" ] } } }Cursor の AI チャットを Agent モードで開く
試してみる
Excalidraw MCP を使って、私に何ができるか教えて、1 つやってみせて✓ Cursor が Excalidraw MCP を使っていると言うか、回答に Excalidraw MCP のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
VS Code につなげますが、先に準備が必要です
先にパソコンへ Node.js を入れてください（1 回だけ） · ワンクリックのボタンはありません。設定を貼り付けて値を自分で入力します
VS Code の MCP 設定ファイルを開く
MCP: Open User Configuration
この設定を貼り付け、空いている値を入力して保存
{ "servers": { "excalidraw": { "type": "stdio", "command": "npx", "args": [ "-y", "@cmd8/excalidraw-mcp" ] } } }VS Code の AI チャットを Agent モードで開く
試してみる
Excalidraw MCP を使って、私に何ができるか教えて、1 つやってみせて✓ VS Code が Excalidraw MCP を使っていると言うか、回答に Excalidraw MCP のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Windsurf、Zed、Gemini CLI など MCP を使える他のアプリは追加方法がそれぞれ違います。アプリ一覧で確認してください
JSON 設定は下の「開発者向け」にあります
開発者向け：ターミナルのコマンドと JSON 設定
パソコンにインストール
Claude Code
claude mcp add --scope user excalidraw -- npx -y @cmd8/excalidraw-mcpClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"excalidraw": {
"command": "npx",
"args": [
"-y",
"@cmd8/excalidraw-mcp"
]
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"excalidraw": {
"command": "npx",
"args": [
"-y",
"@cmd8/excalidraw-mcp"
]
}
}
}VS Code (mcp.json)
{
"servers": {
"excalidraw": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@cmd8/excalidraw-mcp"
]
}
}
}この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
ひと目でわかる
使えるアプリ
このサーバーのつなぎ方と、各アプリの公式ドキュメントに基づきます。2026年11月10日に確認。
パソコン上で動かせるアプリ
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
できること
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
基本チェックi
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月13日にチェック
- ✓ 合格
作者とリポジトリが一致
レジストリ名は、リポジトリを所有するGitHubアカウント cmd8 で確認済みです
- ! 注意
今もメンテナンスされている
コードの最終更新：12 か月前（6か月以上前）
- ✓ 合格
ライセンスがある
MITを使用
- – 対象外
エンドポイントが応答する
これはパソコンで動くため、インターネット上のエンドポイントはありません
- – 対象外
OAuthでサインイン
パソコンで動き、代わりにローカルの設定を使います
- … 未チェック
ツールの説明に隠れた指示がない
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
話し合い
質問、コツの共有、使えないことの報告ができます。「役に立った」の多い順です。
ユーザーレビュー
まだレビューはありません
デザイン・画像・音声のほかのサーバーとの比較i
- このカテゴリのほかの2980件のうち91%よりスターが多い
- このカテゴリのほかの2980件のうち0%より最近レジストリに公開
- 基本チェックの結果が、このカテゴリのほかの2980件のうち49%と同じかそれ以上
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
よくある質問
Excalidraw MCPは安全ですか？
当てはまる基本チェック3項目のうち2項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
どんなキーやコードが必要ですか？
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
パソコンで動きますか、それともクラウドですか？
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません（サーバー自体がオンラインサービスを呼び出す場合を除きます）。
今もメンテナンスされていますか？
GitHubリポジトリの最終更新は12 か月前、最新バージョン（1.2.0）がレジストリに届いたのは12 か月前です。
どのアプリで使えますか？
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。
代わりに使えるものは？
同じカテゴリには：Figma Context MCP, AutoClip, Next AI Draw.io
同じカテゴリのほかの候補
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方：↓ 週あたりのダウンロードi★ GitHubスターi3つの柱：レビュー · チェック · 利用状況i更新＝最新バージョンをレジストリに公開した日i
Next AI Draw.io
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
パソコンで動く
作者のREADME
READMEを開く
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
@cmd8/excalidraw-mcp
Model Context Protocol (MCP) server for Excalidraw diagrams.
🛠️ Installation
Requirements
- Node.js >= v18.0.0
Install in Cursor
Add to your Cursor MCP config (~/.cursor/mcp.json):
{"mcpServers": { "excalidraw": { "command": "npx", "args": ["-y", "@cmd8/excalidraw-mcp", "--diagram", "/path/to/diagram.excalidraw"] } } }
Install in Claude Code
claude mcp add excalidraw -- npx -y @cmd8/excalidraw-mcp --diagram /path/to/diagram.excalidrawInstall in Amp
amp mcp add excalidraw -- npx -y @cmd8/excalidraw-mcp --diagram /path/to/diagram.excalidrawInstall in VS Code
Add to your VS Code MCP settings:
{"mcp": { "servers": { "excalidraw": { "type": "stdio", "command": "npx", "args": ["-y", "@cmd8/excalidraw-mcp", "--diagram", "/path/to/diagram.excalidraw"] } } } }
Install in Windsurf
Add to your Windsurf MCP config:
{"mcpServers": { "excalidraw": { "command": "npx", "args": ["-y", "@cmd8/excalidraw-mcp", "--diagram", "/path/to/diagram.excalidraw"] } } }
Install in Claude Desktop
Add to your claude_desktop_config.json:
{"mcpServers": { "excalidraw": { "command": "npx", "args": ["-y", "@cmd8/excalidraw-mcp", "--diagram", "/path/to/diagram.excalidraw"] } } }
Install in OpenAI Codex
Add to your Codex MCP config:
[mcp_servers.excalidraw]command = "npx" args = ["-y", "@cmd8/excalidraw-mcp", "--diagram", "/path/to/diagram.excalidraw"]
CLI Options
-d, --diagram(required): Path to the Excalidraw diagram file
🔨 Available Tools
createNode
Create a new node (shape with label) in the diagram. Returns the created node ID.
createEdge
Create an arrow connecting two nodes. Nodes can be referenced by ID or by label text.
deleteElement
Delete a node or edge from the diagram by ID or label.
getFullDiagramState
Returns a markdown representation of the complete diagram, including nodes, relationships, labels, frames, and colors.
License
MIT