Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Create, read and edit architecture, flow and ER diagrams on a live canvas shared with your team.
使っているAIアプリを選んで、設定をコピーしてください。
チェック 4/4 合格 · 質問内容は提供元のサーバー(getarchboard.app)を通ります · ✓ コマンド確認済み 2026年11月13日
まず:どの AI を使っていますか?
使っているアプリを選ぶと、下に手順が表示されます。
Claude につなげます · 約 2 分
キー不要、インストール不要 · claude.ai かデスクトップアプリで一度設定すれば、チャットで使えます · 無料アカウントは 1 つまで · Team/Enterprise はオーナー(Owner)が追加
CustomizeConnectors
ここからコピーして Claude の同じ名前の欄に貼り付け、Continue を押します
Archboardhttps://getarchboard.app/mcpClaude が検出したサインイン設定の画面で Continue を押す · Authentication は作者の説明どおり(Sign in now・Sign in when needed・No sign in)を選び Add を押します
+ConnectorsArchboard
Archboard を使って、私に何ができるか教えて、1 つやってみせて✓ Claude が Archboard を使っていると言うか、回答に Archboard のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
ChatGPT との接続はプランしだい
フル MCP:Web 版 ChatGPT の Business・Enterprise・Edu · Pro:読み取り/取得の権限で接続、データを変えるツールは使えないことがあります · Plus:公式ドキュメントで未確認。プラグイン画面にカスタム MCP を追加する項目があれば試せます · Web のみ
Plugins+Add custom MCP server
名前を入れ、Connection にアドレスを貼り付け、注意事項にチェックして Create as a plugin を押します
Archboardhttps://getarchboard.app/mcp新しいチャットを開き、入力前にプラグインの一覧から Archboard を選びます
Archboard を使って、私に何ができるか教えて、1 つやってみせて✓ ChatGPT が Archboard を使っていると言うか、回答に Archboard のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に OpenAI のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Claude Code につなげます · 約 2 分
キー不要、インストール不要
Mac:Command+スペースで Terminal と入力 · Windows:PowerShell を開く
claude mcp add --transport http --scope user archboard https://getarchboard.app/mcpArchboard が一覧にあり、接続済みと表示されれば OK です
Archboard を使って、私に何ができるか教えて、1 つやってみせて✓ Claude Code が Archboard を使っていると言うか、回答に Archboard のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Cursor につなげます · 約 2 分
キー不要、インストール不要
Archboard を使って、私に何ができるか教えて、1 つやってみせて✓ Cursor が Archboard を使っていると言うか、回答に Archboard のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
VS Code につなげます · 約 2 分
キー不要、インストール不要
Archboard を使って、私に何ができるか教えて、1 つやってみせて✓ VS Code が Archboard を使っていると言うか、回答に Archboard のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Windsurf、Zed、Gemini CLI など MCP を使える他のアプリは追加方法がそれぞれ違います。アプリ一覧で確認してください
Web 経由でつなぐアプリ用のアドレス
https://getarchboard.app/mcpJSON 設定は下の「開発者向け」にあります
Claude Code
claude mcp add --transport http --scope user archboard https://getarchboard.app/mcpCursor (~/.cursor/mcp.json)
{
"mcpServers": {
"archboard": {
"url": "https://getarchboard.app/mcp"
}
}
}VS Code (mcp.json)
{
"servers": {
"archboard": {
"type": "http",
"url": "https://getarchboard.app/mcp"
}
}
}この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
このサーバーのつなぎ方と、各アプリの公式ドキュメントに基づきます。2026年11月10日に確認。
インターネット経由でつなげるアプリ
ClaudeChatGPTGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast
このサーバーは、ツール一覧を表示する前にサインインを求めます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月13日にチェック
レジストリ名はドメイン getarchboard.app で確認済みです(レジストリがドメインの所有を確認しています)
コードの最終更新:3 日前
対象外:getarchboard.app の所有者が自ら運営するクラウドのサーバーで、リポジトリのコードを実行しません
169ミリ秒で応答(HTTP 401)
OAuthでのサインインに対応しているため、AIアプリがログイン画面へ案内してくれます
まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります
質問、コツの共有、使えないことの報告ができます。「役に立った」の多い順です。
まだレビューはありません
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック4項目のうち4項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
作者のクラウドで動きます。インストール不要でインターネット経由でつながりますが、送った内容は作者のサーバーを通ります。
GitHubリポジトリの最終更新は3 日前、最新バージョン(1.64.0)がレジストリに届いたのは8 日前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URL で接続するので、リモート MCP を受け付けるアプリでも使えます。例:Web 版 ChatGPT(Business 以上はフル MCP、Pro は読み取りのみ)。
同じカテゴリには:Figma Context MCP, AutoClip, Next AI Draw.io
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:↓ 週あたりのダウンロードi★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Archboard is a hosted diagram workspace for architecture, Kubernetes, C4, flowcharts, ER diagrams, mind maps and boards. This repository connects AI apps to the Archboard MCP server, so an assistant can read, create and edit diagrams on the same live canvas your team uses. Every node has a type from a node pack, so the result stays a structured diagram that people keep editing, not a static picture.
https://getarchboard.app/mcp (remote, Streamable HTTP, OAuth 2.1)app.getarchboard/archboardThis repository holds configuration files, one skill written in Markdown, and images. It contains no code and runs nothing on your computer.
Each line is one step. The first time a tool is used, the app opens the Archboard sign-in in your browser (see Sign-in and access). If you already added Archboard from your app's connector directory, there is no need to add it again here.
| App | Install |
|---|---|
| Claude (web, desktop, mobile) | Add custom connector (Customize → Connectors, URL https://getarchboard.app/mcp) |
| Claude Code (plugin with skill) | claude plugin install archboard --marketplace getarchboard/archboard-plugin, then /mcp → plugin:archboard:archboard to sign in |
| Claude and Cowork (plugin with skill) | Customize → Plugins → Add marketplace getarchboard/archboard-plugin, then connect Archboard from the plugin's Connectors tab |
| Claude Code (server only) | claude mcp add --transport http --scope user archboard https://getarchboard.app/mcp, then claude mcp login archboard |
| Cursor | Add to Cursor |
| VS Code | code --add-mcp '{"name":"archboard","type":"http","url":"https://getarchboard.app/mcp"}' |
| Gemini CLI (extension) | gemini extensions install https://github.com/getarchboard/archboard-plugin |
| Antigravity (plugin with skill) | agy plugin install https://github.com/getarchboard/archboard-plugin, then Customizations → Installed → Archboard → MCP → Authenticate |
| Codex (0.147.0 or later) | codex mcp add archboard --url https://getarchboard.app/mcp |
| GitHub Copilot CLI | copilot mcp add --transport http archboard https://getarchboard.app/mcp |
| Grok (web) | grok.com/connectors → New Connector → Custom, URL https://getarchboard.app/mcp |
| Grok Build | grok mcp add --transport http archboard https://getarchboard.app/mcp |
| Kiro | Add to Kiro |
| Other MCP apps | Remote server URL https://getarchboard.app/mcp, transport Streamable HTTP, OAuth sign-in |
Manifests in this repository, by app:
| Path | Used by |
|---|---|
.claude-plugin/plugin.json, .claude-plugin/marketplace.json, .mcp.json | Claude Code and Claude plugins |
.cursor-plugin/plugin.json, mcp.json | Cursor |
.antigravity-plugin/plugin.json, mcp.json | Antigravity |
gemini-extension.json | Gemini CLI |
chatgpt/ | ChatGPT and Codex plugin package |
skills/archboard-diagramming/SKILL.md | Skill: the Archboard diagramming guide |
server.json | MCP Registry entry |
Create a new Archboard diagram called "Checkout service" showing a web app, an API gateway, an orders service, a payments service and a Postgres database, with labeled connections.Turn this Mermaid flowchart into an Archboard diagram: flowchart LR; Signup --> Verify{Email verified?}; Verify -->|yes| Onboarding; Verify -->|no| ReminderList my Archboard diagrams and summarize the most recently updated one.In the "Checkout service" diagram, add a Redis cache between the orders service and the database, then show me a snapshot.Export the "Checkout service" diagram as an SVG and give me the download link.| Tool | What it does | Changes data |
|---|---|---|
read_me | Usage guide: workflow, document format, layout rules, limits and error codes | No |
list_workspaces | Organizations and workspaces this connection can use, with role, plan and permission | No |
list_diagrams | Diagrams this connection can access, newest first, with their permission | No |
create_diagram | Create a new diagram in a workspace | Yes |
get_canvas | Read a diagram: an outline, or full records page by page | No |
search_node_types | Find node types across packs (Kubernetes, cloud, C4, BPMN, mind map and more) | No |
get_node_type | Size, props, style keys and ports of one node type | No |
apply_ops | Add, change or remove nodes, connections and images as one revertible change | Yes, can remove |
compose_diagram | Draw a Mermaid flowchart or an infographic spec as one revertible change | Yes |
add_image | Add an image from a public https URL; Archboard's server downloads it once | Yes |
upload_image | One-time upload link for a local image file (apps that can run shell commands) | Yes |
render_snapshot | PNG render of the diagram or a part of it, for checking the result | No |
export_diagram | PNG or SVG export with a download link (15 minutes, up to 5 downloads) | No |
get_selection | What the person has selected in their open editor | No |
set_status | Short status next to the app's cursor on the canvas | No (presence only) |
revert_change | Undo one change this app made in the last 7 days | Yes |
delete_diagram | Move a diagram to the trash (it can be restored; no permanent delete) | Yes, to trash |
search_shapes | Find built-in and saved shapes and icons by keyword | No |
show_diagram | Live view of the diagram inside the chat, in apps that support MCP Apps | No |
viewer_poll, viewer_ticket | Used only by the in-chat viewer; not called by the model | No |
Every tool declares a title and read-only, destructive, idempotent and open-world hints. The live list is in the server card.
https://getarchboard.app/mcp. Diagrams, your account and the connections you approve are stored by Archboard. See the privacy policy and the terms.revert_change).add_image: Archboard's server downloads the https URL you give, once, and stores the image in the diagram.upload_image: in apps that can run shell commands, the app runs a one-time upload command that sends the one image file you named to getarchboard.app.export_diagram links stop working after 15 minutes or 5 downloads.The files in this repository are released under the MIT License. The Archboard service itself is a hosted product governed by its terms.
Archboard is an independent product by Halil Öncen. Names of AI apps in this README describe where the plugin can be installed; this project is not affiliated with or endorsed by their makers.