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.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
CROSSDECK_SECRET_KEY, CROSSDECK_API_BASE「秘密」と表示された値は、あなたのアカウントの鍵です。絶対に人に教えたり、チャットに貼り付けたりしないでください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
ウェブ、デスクトップ、モバイルのClaudeで使えます:
https://api.cross-deck.com/mcpClaude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"prism": {
"command": "npx",
"args": [
"-y",
"@cross-deck/ai"
],
"env": {
"CROSSDECK_SECRET_KEY": "your-value",
"CROSSDECK_API_BASE": "your-value"
}
}
}
}ターミナルでこれを実行します
claude mcp add --transport http prism https://api.cross-deck.com/mcpclaude mcp add prism --env CROSSDECK_SECRET_KEY=your-value --env CROSSDECK_API_BASE=your-value -- npx -y @cross-deck/ai動かす前に、空欄の値を入力してください。
プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"prism": {
"url": "https://api.cross-deck.com/mcp"
}
}
}プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"prism": {
"command": "npx",
"args": [
"-y",
"@cross-deck/ai"
],
"env": {
"CROSSDECK_SECRET_KEY": "your-value",
"CROSSDECK_API_BASE": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"prism": {
"type": "http",
"url": "https://api.cross-deck.com/mcp"
}
}
}プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"prism": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@cross-deck/ai"
],
"env": {
"CROSSDECK_SECRET_KEY": "your-value",
"CROSSDECK_API_BASE": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
ChatGPTがつなげるのは、インターネット上のサーバーだけです:
https://api.cross-deck.com/mcpメニューの名前は、プランや時期によって少し違うことがあります。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
CROSSDECK_API_BASE envこの設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
このサーバーのツール一覧はまだ読み取っていません。エンドポイントは順番にチェックしています。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月7日にチェック
レジストリ名はドメイン cross-deck.com で確認済みです(レジストリがドメインの所有を確認しています)
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
まだチェックしていません。エンドポイントは順番にチェックしています
まだチェックしていません。エンドポイントは順番にチェックしています
まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
入力が必要なもの:CROSSDECK_SECRET_KEY
どちらでも使えます。パソコンにインストールしても、クラウド版につないでもかまいません。
GitHubリポジトリの最終更新は–、最新バージョン(0.4.0)がレジストリに届いたのは2 か月前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URLでつながるので、リモートMCPサーバーに対応したアプリ(開発者モードのChatGPTなど)でも使えます。
同じカテゴリには: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、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
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