Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Ask your app anything — revenue, errors, read-cost, growth — and get rendered charts back.
使っているAIアプリを選んで、設定をコピーしてください。
チェック 3/4 合格 · あなたのパソコンで動きます
まず:どの AI を使っていますか?
使っているアプリを選ぶと、下に手順が表示されます。
Claude につなげますが、先に準備が必要です
Prism — Crossdeck のキーが必要です(提供元のサイトで作成) · 先にパソコンへ Node.js を入れてください(1 回だけ) · パソコン版 Claude アプリ(Windows または Mac)のみ。Web やスマホでは使えません
提供元のサイトで登録し、次の手順で使う API キーを作ります。料金や無料プランは提供元のサイトで確認してください。
SettingsDeveloperEdit Config
{
"mcpServers": {
"prism": {
"command": "npx",
"args": [
"-y",
"@cross-deck/ai"
],
"env": {
"CROSSDECK_SECRET_KEY": "your-value",
"CROSSDECK_API_BASE": "your-value"
}
}
}
}キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください
Prism — Crossdeck を使って、私に何ができるか教えて、1 つやってみせて✓ Claude が Prism — Crossdeck を使っていると言うか、回答に Prism — Crossdeck のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
ChatGPT はまだ Prism — Crossdeck につなげません
Prism — Crossdeck はパソコンに入れて使うものですが、ChatGPT は Web 上で動くサーバーにしかつなげません
A · Prism — Crossdeck につなげるアプリを使う
B · デザイン・画像・音声 の中で ChatGPT につなげる別のサーバー
同じカテゴリでよく使われているものから、キーなしでアドレスだけでつなげるものを選びました
Claude Code につなげますが、先に準備が必要です
Prism — Crossdeck のキーが必要です(提供元のサイトで作成) · 先にパソコンへ Node.js を入れてください(1 回だけ)
提供元のサイトで登録し、次の手順で使う API キーを作ります。料金や無料プランは提供元のサイトで確認してください。
Mac:Command+スペースで Terminal と入力 · Windows:PowerShell を開く
claude mcp add --scope user prism --env CROSSDECK_SECRET_KEY=your-value --env CROSSDECK_API_BASE=your-value -- npx -y @cross-deck/aiEnter の前に「your-value」を自分のキーに書き換えてください
キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください
Prism — Crossdeck が一覧にあり、接続済みと表示されれば OK です
Prism — Crossdeck を使って、私に何ができるか教えて、1 つやってみせて✓ Claude Code が Prism — Crossdeck を使っていると言うか、回答に Prism — Crossdeck のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Cursor につなげますが、先に準備が必要です
Prism — Crossdeck のキーが必要です(提供元のサイトで作成) · 先にパソコンへ Node.js を入れてください(1 回だけ)
提供元のサイトで登録し、次の手順で使う API キーを作ります。料金や無料プランは提供元のサイトで確認してください。
Prism — Crossdeck の設定で CROSSDECK_SECRET_KEY, CROSSDECK_API_BASE が空です。自分のキーを入れて保存します
キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください
Prism — Crossdeck を使って、私に何ができるか教えて、1 つやってみせて✓ Cursor が Prism — Crossdeck を使っていると言うか、回答に Prism — Crossdeck のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
VS Code につなげますが、先に準備が必要です
Prism — Crossdeck のキーが必要です(提供元のサイトで作成) · 先にパソコンへ Node.js を入れてください(1 回だけ)
提供元のサイトで登録し、次の手順で使う API キーを作ります。料金や無料プランは提供元のサイトで確認してください。
Prism — Crossdeck の設定で CROSSDECK_SECRET_KEY, CROSSDECK_API_BASE が空です。自分のキーを入れて保存します
キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください
Prism — Crossdeck を使って、私に何ができるか教えて、1 つやってみせて✓ VS Code が Prism — Crossdeck を使っていると言うか、回答に Prism — Crossdeck のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Claude Code
claude mcp add --scope user prism --env CROSSDECK_SECRET_KEY=your-value --env CROSSDECK_API_BASE=your-value -- npx -y @cross-deck/aiClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"prism": {
"command": "npx",
"args": [
"-y",
"@cross-deck/ai"
],
"env": {
"CROSSDECK_SECRET_KEY": "your-value",
"CROSSDECK_API_BASE": "your-value"
}
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"prism": {
"command": "npx",
"args": [
"-y",
"@cross-deck/ai"
],
"env": {
"CROSSDECK_SECRET_KEY": "your-value",
"CROSSDECK_API_BASE": "your-value"
}
}
}
}VS Code (mcp.json)
{
"servers": {
"prism": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@cross-deck/ai"
],
"env": {
"CROSSDECK_SECRET_KEY": "your-value",
"CROSSDECK_API_BASE": "your-value"
}
}
}
}CROSSDECK_SECRET_KEY 秘密 必須 envCROSSDECK_API_BASE envこの設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
npm: @cross-deck/aiこのサーバーのつなぎ方と、各アプリの公式ドキュメントに基づきます。2026年11月10日に確認。
インターネット経由でつなげるアプリ
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast
パソコン上で動かせるアプリ
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
前回チェックしたときにサーバーが応答しなかったため、ツールを読み取れませんでした。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月13日にチェック
レジストリ名はドメイン cross-deck.com で確認済みです(レジストリがドメインの所有を確認しています)
コードの最終更新:2 か月前
MITを使用
チェックしたとき、6秒以内に応答がありませんでした
チェックしたとき、6秒以内に応答がありませんでした
まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります
質問、コツの共有、使えないことの報告ができます。「役に立った」の多い順です。
まだレビューはありません
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック4項目のうち3項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
入力が必要なもの:CROSSDECK_SECRET_KEY
どちらでも使えます。パソコンにインストールしても、クラウド版につないでもかまいません。
GitHubリポジトリの最終更新は2 か月前、最新バージョン(0.4.0)がレジストリに届いたのは2 か月前です。
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、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Ask your app anything — revenue, errors, database read-cost, growth — in plain English, and get rendered charts and dashboards back.
*"Which paying customer did this crash hit, and how much revenue is at risk?" — one question, answered across error, identity, and revenue. No single-layer tool can do that.*
What Prism does → · Developer docs · Crossdeck
Most MCP servers are a connector to *one* system. Prism is an intelligence layer over your whole app — because Crossdeck already joins the layers about your users (identity · revenue · entitlements · errors · analytics · database read-cost) into one source of truth, *by identity*.
The point isn't "let AI read my data." It's the crossing: one question can span layers no other tool joins —
*"This error
a1b2c3— who did it hit, and how many of them pay us?"*
→ the named paying users behind the crash, each with their monthly revenue at risk, sorted by what's on the line.
That's the moat sentence. Prism gives it a voice in Claude, ChatGPT, Cursor, or any MCP client.
Secure, read-only access to your live Crossdeck workspace. Prism reads; it never writes.
Prism can see (the layers Crossdeck already owns about your app):
| 💷 Revenue | MRR, paying-customer counts, per-rail split |
| 🐛 Errors | issues, blast radius, who was affected |
| 📈 Analytics | per-host page views, unique visitors, top pages/referrers |
| 🗄️ Read-cost | per-user-vs-overhead database reads, by operation |
| 🧭 Customer journeys | the cross-layer view of one customer (pay × entitlements × cost) |
Row-level customer identity is returned only when your connection was explicitly granted that scope — otherwise Prism answers from aggregates and tells you so. That boundary is enforced by Crossdeck, not left to the model.
Prism cannot create, modify, delete, or configure anything in your projects. There is no write path — every tool is read-only (readOnlyHint: true). Ask it to change something and it will tell you it can't.
Data is fetched live at question time over an OAuth-protected endpoint; the connector stores nothing.
Prism is a hosted, OAuth-protected MCP endpoint:
https://api.cross-deck.com/mcp
Add it as a connector in your client, sign in with your Crossdeck account, pick a project, and approve. That's it — the client receives a short-lived, scoped workspace credential automatically.
Or open your dashboard at app.cross-deck.com → Developers → Prism → Connect AI for one-click "Add to Claude / ChatGPT / Cursor".
No install step — npx fetches the package and its dependencies on each launch, so it self-heals and stays current (nothing local to go stale):
{
"mcpServers": { "crossdeck": { "command": "npx", "args": ["-y", "@cross-deck/ai"], "env": { "CROSSDECK_SECRET_KEY": "cd_sk_live_…" } } } }
Use a secret key (cd_sk_) from your dashboard → API keys — never a publishable (cd_pub_) one. CROSSDECK_API_BASE overrides the endpoint (e.g. sandbox).
If the connector shows "failed" / "Server disconnected" — two known causes, both fixable:
1. `spawn npx ENOENT` / command not found. Desktop clients launch with a *minimal*
PATH that often excludes your Node bin (common with
nvm). Fix: use the **absolute
path** to
npxascommand— runwhich npxand paste the full path (e.g.
/Users/you/.nvm/versions/node/vX/bin/npx).
2. `ERR_MODULE_NOT_FOUND … @modelcontextprotocol/sdk`. This only happens if
args
points at a hand-built local checkout (
…/dist/server.js) — that folder's
node_modulescan be cleaned out from under you (e.g. anything under/tmp). Fix:
never point at a local build. Let
npx -y @cross-deck/ai(above) resolve the
published package, so its dependencies are always present.
Simplest of all: use the remote connector at the top of this section — it runs no
local Node at all, so neither failure can occur.
| Ask | Tool | You get |
|---|---|---|
| *"What's our MRR and paying-customer count, split by Stripe/Apple/Google?"* | get_revenue | MRR, paying count, three-rail split, optional daily trend |
*"This error a1b2c3 — who did it hit and do any of them pay us?"* | get_error_affected_users | The named paying users behind the crash, each with monthly revenue at risk |
*"Show me everything about customer agent_8842."* | open_moat_dashboard | A rendered dashboard: what they pay × entitlements × read-cost, joined by identity |
| *"Draw our user growth over the last 30 days."* | draw_user_growth | A rendered interactive line chart of visitors + page views |
| *"What's driving our database reads — per-user vs overhead?"* | get_read_cost | The per-user-vs-overhead split + reads by operation |
Data tools return clean JSON; draw_user_growth and open_moat_dashboard render interactive charts/dashboards inline in hosts that support MCP Apps (and fall back to a text summary elsewhere).
Thirteen tools — all read-only (readOnlyHint), each with a human-readable title, scoped/paginated output, and actionable errors. Every read is a point-read of a maintained ledger, so asking questions never runs up your database bill.
Every number is self-describing: values come back with a meta.semantics briefing and a coverage state, so a metric is reported as exactly what it is, and a blind spot (not_instrumented) is never mistaken for a real zero.
Portfolio
list_projects — list every app this connector can read (your portfolio).get_portfolio — the coverage map: for each app, which surfaces are instrumented vs a blind spot. Load it first so a later blank reads as a known blind spot, not a fact.use_project — set the current app for subsequent tools ("switch to ").Revenue & cost
get_revenue — MRR, paying-customer count, per-rail split (Stripe/Apple/Google), optional daily trend.get_customers — the customer census: the paying-customer count (plus total / active where instrumented). The canonical "how many customers does this app have" answer.get_read_cost — database read-cost split into per-user reads vs un-attributed overhead, by operation.The moat — error × identity × revenue
get_error_impact — for one error: how many distinct users hit it, and how many are paying (counts).get_error_affected_users — the named paying users an error hit, each with monthly revenue and last-hit, sorted by revenue at risk. *Returns your own identifiers only — never emails/names you didn't provide.*get_customer — one customer across every layer Crossdeck joins by identity: what they pay × active entitlements × read-cost.Analytics
get_host_analytics — page views + unique visitors for a host/subdomain you own (optional daily series).get_host_top_pages — top pages or referrers for a host you own.Rendered UI (MCP Apps)
draw_user_growth — an interactive line chart of visitors + page views over time.open_moat_dashboard — a customer's cross-layer dashboard (pay × entitlements × read-cost) rendered as cards.Prism is built on Crossdeck's bank-grade outbound-read spine. See SECURITY.md for the full model. In short:
readOnlyHint: true — no writes, no config mutations.MIT © Crossdeck