Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
Inspect, compare and export point clouds, meshes and calibrated depth data with inline 3D previews.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"3d-visualizer": {
"command": "uvx",
"args": [
"3d-visualizer",
"mcp",
"--root",
"your-value"
]
}
}
}ターミナルでこれを実行します
claude mcp add 3d-visualizer -- uvx 3d-visualizer mcp --root your-valueこのサーバーは起動コマンドに値を入れる必要があるので、設定をコピーして入力してください。
プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"3d-visualizer": {
"command": "uvx",
"args": [
"3d-visualizer",
"mcp",
"--root",
"your-value"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
このサーバーは起動コマンドに値を入れる必要があるので、設定をコピーして入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"3d-visualizer": {
"type": "stdio",
"command": "uvx",
"args": [
"3d-visualizer",
"mcp",
"--root",
"your-value"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月7日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント kleinicke で確認済みです
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は–、最新バージョン(0.4.2)がレジストリに届いたのは2 か月前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにPython (uv)も必要です。
同じカテゴリには: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、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Inspect point clouds, meshes and calibrated depth data in Python, notebooks or an AI conversation. The package is `3d-visualizer`, the Python import is `viz3d`, and the CLI is `3d-visualizer`. Python 3.10+ is required.
This checkout targets the next release. The public 0.4.2 package still uses the older import. For the new interface before publication, build the viewer and install ./packages/python with the extras you need.
These examples target 0.5.0.dev0. Development versions must be installed from this checkout until published; do not assume an unreleased version exists on PyPI.
For agents, use uv tool install or uvx; uv add is for using the library inside a Python project. Headless mode also needs Chromium installed once.
uv tool install "3d-visualizer[mcp,headless]==0.5.0.dev0"
uvx --from "3d-visualizer[headless]==0.5.0.dev0" playwright install chromium 3d-visualizer doctor --check-headless
Client configuration (replace the data directory):
{
"mcpServers": { "3d-visualizer": { "command": "uvx", "args": [ "--from", "3d-visualizer[mcp,headless]==0.5.0.dev0", "3d-visualizer-mcp", "--root", "/absolute/path/to/data" ] } } }
Install in VS Code
The VS Code link uses the current workspace as the allowed data root.
claude mcp add --transport stdio 3d-visualizer -- uvx --from "3d-visualizer[mcp,headless]==0.5.0.dev0" 3d-visualizer-mcp --root /absolute/path/to/data
The default --tools core exposes eight everyday tools. Use --tools full for depth conversion, selections, animation, alignment and export. --renderer auto uses an advertised MCP Apps host, otherwise offscreen Chromium. Use --renderer inline to require a widget or explicit browser; use --renderer headless for unattended work.
With the headless extra and Chromium installed:
from pathlib import Path
from viz3d import show
with show("scan.ply", headless=True) as view: state = view.inspect(detail="full") Path("preview.png").write_bytes(view.capture())
This uses offscreen Chromium and the shared renderer. It requires no notebook, chat widget or visible browser window. Inspect and capture raise on renderer failure instead of returning a placeholder success.
Install uv, then choose:
uv add 3d-visualizer # Add to a Python project
uv add "3d-visualizer[notebook]" # Local notebook display support uv pip install 3d-visualizer # Install into an existing virtual environment uv tool install 3d-visualizer # Install the CLI independently uvx --from 3d-visualizer 3d-visualizer scan.ply # Run without persistent installation
The Python import is from viz3d import show. Tool installation does not add the library to a Python project or notebook kernel; use uv add or uv pip install in that environment. No Node.js build is needed for PyPI installs.
For local Jupyter, run uv run --with jupyter jupyter lab from your project and select its Python kernel. Keep that kernel alive while using the viewer.
From the repository root, build the bundled engine with Node 24:
npm ci
npm run build:python-viewer uv tool install ./packages/python
uv add /absolute/path/to/checkout/packages/python
See publishing setup for releases.
After building the browser assets above:
python3 -m venv packages/python/.venv
packages/python/.venv/bin/python -m pip install ./packages/python packages/python/.venv/bin/3d-visualizer engine/examples/example-point-cloud.ply
On Windows, replace the environment's bin/ paths with Scripts/, e.g. packages\python\.venv\Scripts\python.exe, 3d-visualizer.exe, or jupyter.exe. After activating the environment, the command is simply:
3d-visualizer scan.ply mesh.stl
3d-visualizer --no-browser scan.ply python -m viz3d scan.ply
The command prints a local URL and keeps running until Ctrl+C. --no-browser allows an agent or another application to open that URL itself. It does not render an image or report successful browser rendering to the caller.
from viz3d import show
viewer = show("scan.ply", "mesh.stl") print(viewer.url)
viewer.close()
from viz3d import show
points = [[0, 0, 0], [1, 0, 0], [0, 1, 0]] colors = [[255, 0, 0], [0, 255, 0], [0, 0, 255]]
with show(points, colors=colors) as viewer: print(viewer.url) try: viewer.wait() except KeyboardInterrupt: pass
Coordinates must be finite float32-compatible numbers. Optional colors must match the point count and contain integer RGB values in 0..255. Point arrays are serialized to a temporary binary PLY, decoded by the existing engine, and removed when the session closes. This first implementation serializes arrays row by row; it is not a zero-copy transport for very large arrays.
Pass arrays and tensors directly, including RGB colors:
import numpy as np
from viz3d import show
viewer = show(np.random.default_rng(0).normal(size=(1000, 3)))
import torch
from viz3d import show
device = "cuda" if torch.cuda.is_available() else ( "mps" if torch.backends.mps.is_available() else "cpu" ) points = torch.randn(1000, 3, device=device, requires_grad=True) rgb = torch.randint(0, 256, (1000, 3), device=device, dtype=torch.uint8) viewer = show(points, colors=rgb)
requires_grad, and autograd graph are unchanged. GPU-to-CPU transfer synchronizes; avoid calling this every training step.(N, 3) data. For (B, N, 3) batches, use show(batch[0]); batches are deliberately not flattened automatically. Sparse, quantized, complex, nested, and data-free meta tensors are rejected with an error. RGB retains the integer-valued 0..255 convention, including floating-point tensors; normalized RGB can be passed as (rgb * 255).round().All updates reuse the same browser tab/inline view and preserve its camera. The viewer receives change notifications and loads the newest revision; intermediate revisions can be skipped. Publish at a useful training interval, not every forward pass. Serialization and GPU transfer are synchronous. Updates replace the scene; manual files added to that scene are also replaced on the next update.
viewer = show(initial_points)
if step % 100 == 0: viewer.update(prediction[0], target=target[0], step=step)
Prediction is orange and target cyan. Supply colors= to override prediction RGB. Targets may have a different number of points. This is a geometric overlay, not a computed nearest-neighbor error metric. Visibility can be toggled in the standard file panel. Use Pause updates to inspect one revision and Fit scene to reset the framing explicitly.
from viz3d import show_batch
viewer = show_batch(batch, target=target_batch) viewer.update_batch(next_batch, target=next_targets, step=step)
viewer = show_batch([original, augmented], labels=["Original", "Augmented"])
The sample selector switches batches in one scene and retains the camera. Colors, targets, and vectors (when supplied) must match the batch size. Batch snapshots serialize every sample; select a small inspection subset for large training batches. Only the chosen sample is loaded by the browser.
# After loss.backward(); non-leaf predictions need retain_grad() beforehand.
viewer.update( points, vectors=points.grad, vector_scale=-learning_rate, max_vectors=256, step=step, )
Arrows are anchored at the corresponding input points. Negative learning-rate scaling shows a plain gradient-descent direction; it is not an exact Adam or momentum optimizer step. To inspect the actual update, pass measured coordinate displacements instead. Nonzero arrows are magenta. Up to max_vectors evenly spaced vectors are displayed (default 256, maximum 2000). All supplied vector rows are validated; no autograd hooks or gradient computation are installed by this operation.
viewer = show(initial_points)
with viewer.inspect_layer(model, select=lambda output: output[0], every=100): train(model)
For dictionary outputs use a selector such as lambda output: output"points". The selector must return (N, 3) coordinates, not arbitrary feature channels. The hook captures the first forward call and then every every calls. It returns None, preserving the model's output. A visualization error disables the hook, emits a warning and is accessible as inspection.error; it does not invalidate training. The context manager removes the hook, while the caller owns the viewer session's lifetime. inspection.close() also removes it explicitly.
Run viewer updates in the main process, on one rank in distributed training, and outside compiled model code. GPU-to-CPU transfer introduces synchronization. PyTorch forward hooks.
The server binds only to 127.0.0.1, uses a random session URL, and serves only the explicitly supplied files and bundled viewer assets. Source files remain on your machine; the package does not upload them. Keep file paths available for the life of the session. Do not share the session URL with untrusted code.
In a local Jupyter notebook, return the viewer as the last expression in a cell. Browser auto-opening is disabled when a notebook kernel is detected:
viewer = show(points)
viewer # Interactive viewer appears in the output cell.
Or display explicitly, using the notebook extra:
viewer.display(height=480, ui="collapsed")
Settings are collapsed by default. A compact toolbar keeps Settings, Fit scene, Pause updates, and the batch selector accessible. Choose ui="full" to show settings immediately or ui="none" for a presentation-only canvas with mouse controls. In UI-free m
冒頭だけを表示しています。続きはリポジトリで読めます