Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
500+ AI image, video and audio models with USD quotes and user-approved generation.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
RAYWAKE_API_KEY, RAYWAKE_API_BASE「秘密」と表示された値は、あなたのアカウントの鍵です。絶対に人に教えたり、チャットに貼り付けたりしないでください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
ウェブ、デスクトップ、モバイルのClaudeで使えます:
https://mcp.raywake.com/v1Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"raywake": {
"command": "npx",
"args": [
"-y",
"@raywake/mcp"
],
"env": {
"RAYWAKE_API_KEY": "your-value",
"RAYWAKE_API_BASE": "your-value"
}
}
}
}ターミナルでこれを実行します
claude mcp add --transport http raywake https://mcp.raywake.com/v1claude mcp add raywake --env RAYWAKE_API_KEY=your-value --env RAYWAKE_API_BASE=your-value -- npx -y @raywake/mcp動かす前に、空欄の値を入力してください。
プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"raywake": {
"url": "https://mcp.raywake.com/v1"
}
}
}プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"raywake": {
"command": "npx",
"args": [
"-y",
"@raywake/mcp"
],
"env": {
"RAYWAKE_API_KEY": "your-value",
"RAYWAKE_API_BASE": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"raywake": {
"type": "http",
"url": "https://mcp.raywake.com/v1"
}
}
}プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"raywake": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@raywake/mcp"
],
"env": {
"RAYWAKE_API_KEY": "your-value",
"RAYWAKE_API_BASE": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
ChatGPTがつなげるのは、インターネット上のサーバーだけです:
https://mcp.raywake.com/v1メニューの名前は、プランや時期によって少し違うことがあります。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
RAYWAKE_API_BASE envこの設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
このサーバーは、ツール一覧を表示する前にサインインを求めます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月7日にチェック
レジストリ名はドメイン raywake.si で確認済みです(レジストリがドメインの所有を確認しています)
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
419ミリ秒で応答(HTTP 401)
OAuthでのサインインに対応しているため、AIアプリがログイン画面へ案内してくれます
まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック3項目のうち3項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
入力が必要なもの:RAYWAKE_API_KEY
どちらでも使えます。パソコンにインストールしても、クラウド版につないでもかまいません。
GitHubリポジトリの最終更新は–、最新バージョン(0.1.0)がレジストリに届いたのは4 日前です。
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、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
500+ AI image, video and audio models in Claude, ChatGPT, Cursor and any MCP client.
An open-source TypeScript MCP server for Raywake. Use the hosted connector at https://mcp.raywake.com/v1 with nothing to install, or run this package locally over stdio with npx (Node.js 20 or later).
Create a key at raywake.si/api-keys. Enable models:read, generate, jobs:read, and wallet:read for all tools. Add USD balance at raywake.si/billing when you want to generate. Browsing, quotes and job checks are free.
Replace YOUR_RAYWAKE_API_KEY in the configurations below. Keep your key private and keep configuration files containing it out of version control.
claude mcp add raywake -e RAYWAKE_API_KEY=YOUR_RAYWAKE_API_KEY -- npx -y @raywake/mcp
Add to ~/.cursor/mcp.json (or your project's .cursor/mcp.json), then enable Raywake in MCP settings:
{
"mcpServers": { "raywake": { "command": "npx", "args": ["-y", "@raywake/mcp"], "env": { "RAYWAKE_API_KEY": "YOUR_RAYWAKE_API_KEY" } } } }
Open Settings > Developer > Edit Config and add to claude_desktop_config.json. Restart Claude Desktop after saving.
{
"mcpServers": { "raywake": { "command": "npx", "args": ["-y", "@raywake/mcp"], "env": { "RAYWAKE_API_KEY": "YOUR_RAYWAKE_API_KEY" } } } }
Add to ~/.codeium/windsurf/mcp_config.json, then refresh MCP servers:
{
"mcpServers": { "raywake": { "command": "npx", "args": ["-y", "@raywake/mcp"], "env": { "RAYWAKE_API_KEY": "YOUR_RAYWAKE_API_KEY" } } } }
Add to .vscode/mcp.json. VS Code prompts for your key and stores the input securely:
{
"inputs": [ { "type": "promptString", "id": "raywake-api-key", "description": "Raywake API key", "password": true } ], "servers": { "raywake": { "type": "stdio", "command": "npx", "args": ["-y", "@raywake/mcp"], "env": { "RAYWAKE_API_KEY": "${input:raywake-api-key}" } } } }
These JSON examples are complete minimal configurations. Merge the raywake entry into an existing configuration to retain your other servers. On Windows, if the client cannot start npx, use "command": "cmd" and "args": ["/c", "npx", "-y", "@raywake/mcp"].
Raywake also hosts the same tools over Streamable HTTP:
https://mcp.raywake.com/v1
claude mcp add --transport http raywake https://mcp.raywake.com/v1, then run /mcp to sign in. To use an API key instead: add --header "Authorization: Bearer YOUR_RAYWAKE_API_KEY".OAuth connections set a per-generation spending limit at sign-in and expire after 30 days; you can disconnect them at any time in Raywake settings.
| Tool | Cost | Purpose |
|---|---|---|
search_models | Free | Search by query, category, modality (image, video, audio) and page (starts at 1; 20 results per page) |
list_categories | Free | List available categories |
get_model | Free | Read the exact input schema and indicative starting price in USD |
quote | Free | Price an exact model and input; returns quote_id, price_usd, expires_at |
generate | Paid | Submit the approved exact model, input, quote_id; optional idempotency_key for recovery |
get_job | Free | Read job_id, outputs and status; optional wait_seconds from 0 to 45 |
list_jobs | Free | List account history; optional limit (1–500), offset, status |
get_account | Free | Read available, reserved and debt balances in USD |
get_playbook | Free | Read the short workflow and spending rules |
search_models maps query to the API's search, and page to limit/offset. Because the API has no modality parameter, modality matches category/tags locally before pagination. Some models may match multiple modalities. get_model preserves the gateway's openapi schema and derives a starting price from its retail price guide when necessary. Starting prices are per the returned unit, such as image or second; they are not a quote for a complete run. An unavailable starting price is returned as null.
Only generate can spend your Raywake balance. Search, schemas, quotes, wallet reads and job polling are free. The assistant must follow:
get_model.quote with the complete input.generate with that exact model, input and quote ID.get_job; polling never starts another generation.The quote's settles_on_usage flag indicates a maximum reservation: actual billed usage is charged and unused balance is returned. For an expired quote or changed input, obtain a new quote and approval. If balance is insufficient, top up.
Approval is a rule communicated to the assistant through descriptions and the built-in playbook; the server cannot independently verify a conversation's human approval. Your MCP client's confirmation settings should require approval for the paid generate tool. Quote ownership, expiry and exact input binding are enforced by Raywake's gateway, with additional matching checks for quotes known to this process.
generate waits for up to 45 seconds including submission, then returns the known job_id, latest status and its generated idempotency_key. If polling fails, it retains the job reference. Continue using get_job with wait_seconds up to 45. Terminal states are succeeded, failed, needs_review, submission_unknown, and needs_reconciliation. Review and reconciliation states require attention; do not submit a replacement run automatically.
Save the idempotency_key, including from an error result. If the submission response is lost, retry generate with the same key, model, input and quote ID. The gateway returns the existing job for an exact retry, including after quote expiry. Never use a new key to recover an uncertain submission. Within a running server, repeating the same generation request also reuses its saved key. After restarting, supply the saved key; the gateway remains the authority for recovery of quotes no longer in local memory. Keys and quote fingerprints are held only in memory. If the entire tool response and process are lost, use list_jobs to find the existing job before doing anything that may spend again.
There is no upload tool: media-asset upload is not available to API keys. Models that accept images, videos or audio by URL need publicly accessible HTTPS URLs in the fields specified by get_model. Host local files publicly first. Local paths, file://, private URLs and data: URLs cannot be used as uploaded media. Output links may be temporary; call get_job again to retrieve current links.
| Environment variable | Required | Default |
|---|---|---|
RAYWAKE_API_KEY | Yes | None; sent as a Bearer token |
RAYWAKE_API_BASE | No | https://api.raywake.com |
The base override must use HTTPS, except HTTP on localhost for local mocks. It must not contain credentials, a query or a fragment. Only use an override you trust: it receives your API key. Redirects are rejected. The server reserves stdout for MCP and never logs the key or raw upstream error bodies.
Prompts and inputs go to Raywake and the selected model provider to fulfil your request. Your MCP client also handles the conversation and tool results. Do not include secrets in model inputs. This local package does not add analytics or write prompts, keys, quotes or results to disk. Client logging and the services' retention policies apply separately.
npm install
npm run build npm test npm run smoke
npm test builds the CLI, uses Vitest with a mocked fetch and dummy credentials, and checks real stdio tool discovery without API access. The separate npm run smoke SDK test starts its own HTTP server on 127.0.0.1 with a dummy key, launches the compiled CLI, lists all nine tools and exercises discovery, quote, generation and job retrieval. Neither command calls api.raywake.com. The HTTP smoke requires permission to bind a local port; restricted sandboxes may reject it with EPERM.
To connect an MCP client to this unpublished checkout, replace the npx configuration with "command": "node" and "args": ["/absolute/path/to/raywake-mcp/dist/index.js"]; keep the same environment configuration. For a terminal launch after building:
RAYWAKE_API_KEY=YOUR_RAYWAKE_API_KEY node dist/index.js
server.json is the metadata published to the official MCP Registry as si.raywake/mcp. Release and registry publication are separate manual steps. The npm package's mcpName matches si.raywake/mcp; version fields must stay in sync.
The small TypeScript/npm/stdio layout is inspired by Wiro-MCP (MIT). Raywake uses its own Bearer authentication, quote-before-generation workflow and gateway contract. No Wiro source code is copied.
MIT, copyright Raywake.