Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
Edit and render 3D scenes over MCP: rooms, nodes, materials, cameras, and snapshots.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
VIBE3D_TOKEN, VIBE3D_HOME, VIBE3D_CHROME, VIBE3D_ROOM「秘密」と表示された値は、あなたのアカウントの鍵です。絶対に人に教えたり、チャットに貼り付けたりしないでください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"vibe3d": {
"command": "npx",
"args": [
"-y",
"@vibebyte/vibe3d-mcp"
],
"env": {
"VIBE3D_TOKEN": "your-value",
"VIBE3D_HOME": "your-value",
"VIBE3D_CHROME": "your-value",
"VIBE3D_ROOM": "your-value"
}
}
}
}ターミナルでこれを実行します
claude mcp add vibe3d --env VIBE3D_TOKEN=your-value --env VIBE3D_HOME=your-value --env VIBE3D_CHROME=your-value --env VIBE3D_ROOM=your-value -- npx -y @vibebyte/vibe3d-mcp動かす前に、空欄の値を入力してください。
プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"vibe3d": {
"command": "npx",
"args": [
"-y",
"@vibebyte/vibe3d-mcp"
],
"env": {
"VIBE3D_TOKEN": "your-value",
"VIBE3D_HOME": "your-value",
"VIBE3D_CHROME": "your-value",
"VIBE3D_ROOM": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"vibe3d": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@vibebyte/vibe3d-mcp"
],
"env": {
"VIBE3D_TOKEN": "your-value",
"VIBE3D_HOME": "your-value",
"VIBE3D_CHROME": "your-value",
"VIBE3D_ROOM": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
VIBE3D_HOME envVIBE3D_CHROME envVIBE3D_ROOM envこの設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月6日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント vibebytes で確認済みです
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
入力が必要なもの:VIBE3D_TOKEN
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は–、最新バージョン(0.2.14)がレジストリに届いたのは3 日前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。
同じカテゴリには:Figma Context MCP, Claude Real Video, Figma MCP Server
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Let any LLM watch a video locally — and search everything it has ever watched.
The Figma MCP server brings Figma design context directly into your AI workflow.
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
English | 简体中文
vibe3d is an MCP server for building and rendering 3D scenes. One command starts the protocol server, which launches the local daemon for you.
Requires Node.js >= 20 (same as the MCP TypeScript SDK v2). Licensed under Apache-2.0.
vibe3D + Blender discussion group
| Surface | Value |
|---|---|
| GitHub | github.com/vibebytes/vibe3d |
| npm | @vibebyte/vibe3d-mcp (and other @vibebyte/vibe3d-* packages) |
| MCP Registry | io.github.vibebytes/vibe3d |
npx -y @vibebyte/vibe3d-mcp@latest
The daemon listens on loopback only (127.0.0.1 / localhost).
Client config:
{
"mcpServers": { "vibe3d": { "command": "npx", "args": ["-y", "@vibebyte/vibe3d-mcp@latest"] } } }
GUI apps (Cursor, Claude Desktop) often do not load interactive shell config (~/.zshrc, nvm hooks, etc.). A wrapper like bash -lc "nvm use …" usually fails on macOS: login bash does not load zsh’s nvm. Do not put version-manager wrappers in MCP config.
Keep @latest in the config: without a version tag npx reuses its cache and never picks up new releases, even after you reload the MCP server. A newer MCP also restarts an older local daemon on start.
Make the default node / npx on the PATH those apps actually use >= 20, then use the JSON above:
node is already 20+; or~/.volta/bin). nvm alias default 20 alone does not fix Cursor if nvm is only sourced in zsh.Use the default JSON above in .cursor/mcp.json or the user MCP config. If status stays Error, open MCP Output — a Node < 20 message means fix the default Node on the GUI PATH (options above), not the MCP JSON shape.
Same JSON in claude_desktop_config.json.
claude mcp add vibe3d -- npx -y @vibebyte/vibe3d-mcp@latest
{
"servers": { "vibe3d": { "command": "npx", "args": ["-y", "@vibebyte/vibe3d-mcp@latest"] } } }
npx @modelcontextprotocol/inspector --cli npx -y @vibebyte/vibe3d-mcp@latest --method tools/list
| Variable | Purpose |
|---|---|
VIBE3D_HOME | Daemon data directory |
VIBE3D_CHROME | Chrome or Chromium executable used for rendering |
VIBE3D_ROOM | Room bound when the process starts |
VIBE3D_MCP_LOG | Set to 0 to disable mcp.log |
VIBE3D_RESTART_DAEMON | Set to 1 (or pass --restart-daemon) to restart the local daemon every time the MCP process starts |
When the MCP process starts and finds a local daemon of a different version, it stops that daemon (SIGTERM, data is flushed) and starts a matching one. Restarting the MCP therefore picks up an upgraded daemon. Rooms live only in daemon memory unless it runs with --persist (VIBE3D_PERSIST=1), so restarting a non-persistent daemon discards its rooms. --url remote daemons are never touched.
Rendering uses a system Chrome, Chromium, or Edge. The package does not download a browser. Without one, scene editing still works and vibe3d_status reports that rendering is unavailable.
| Platform | Status |
|---|---|
| macOS | Verified |
| Linux | Expected when Chrome or Chromium is on the default path. Not re-checked here |
| Windows | Not verified. Set VIBE3D_CHROME if you try it |
The vibe3d command line and MCP share one capability spec. Field names are camelCase. The CLI shows them in kebab-case, so rotateStep is --rotate-step and withinBBox is --within-bbox.
Comma-separated text splits into the field's array or tuple: --tags a,b, --offset 1,0,0. A command that has both width and height also accepts --size 1280x720. Objects take JSON, or @file.
vibe3d node create r1 --shape box --size 1,2,3
vibe3d scene query r1 --material m_aaaaaaaa --parent root vibe3d anim gait r1 @runner --style run
vibe3d help prints the same descriptions as vibe3d_help. An unknown flag is an error.
The server exposes a small set of grouped tools. Each call passes op, for example vibe3d_room with op: "create". This keeps tools/list small. Unknown tool names come back as tool errors (isError) so the model can correct itself. Long renders and exports are jobs: poll vibe3d_job.
One MCP process keeps one default room. While it has seen a single room, room tools may omit room_id; results marked "implicit" used that default. Once the process has seen a second room (or several chats share it), calls without room_id are rejected and list the candidates. Pass the room_id returned by your own create call on every call. An explicit room_id routes only that call and never changes the default. vibe3d_room {op:"use"} pins the default room when you know only one chat is active.
npx -y @vibebyte/vibe3d-mcp@latest --doctor --json
This prints the Node version, daemon health, Chrome discovery, schema file, and version match. It does not start an MCP session.
See CONTRIBUTING.md. From this repository, with Node 20+:
CI=true pnpm install
pnpm --filter @vibebyte/vibe3d-editor build pnpm --filter @vibebyte/vibe3d-daemon build pnpm --filter @vibebyte/vibe3d-mcp build
pnpm install may ask to reinstall node_modules from scratch. CI=true accepts that prompt.
Security reports: SECURITY.md.