Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
Look up APIKO image and video models, quote prices, generate media and track spend.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
APIKO_API_KEY「秘密」と表示された値は、あなたのアカウントの鍵です。絶対に人に教えたり、チャットに貼り付けたりしないでください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"apiko": {
"command": "npx",
"args": [
"-y",
"apiko-mcp"
],
"env": {
"APIKO_API_KEY": "your-value"
}
}
}
}ターミナルでこれを実行します
claude mcp add apiko --env APIKO_API_KEY=your-value -- npx -y apiko-mcp動かす前に、空欄の値を入力してください。
プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"apiko": {
"command": "npx",
"args": [
"-y",
"apiko-mcp"
],
"env": {
"APIKO_API_KEY": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"apiko": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"apiko-mcp"
],
"env": {
"APIKO_API_KEY": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月9日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント tong0619453646-dev で確認済みです
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
入力が必要なもの:APIKO_API_KEY
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は–、最新バージョン(0.1.1)がレジストリに届いたのは13 日前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。
同じカテゴリには:Figma Context MCP, Claude Real Video, Figma MCP Server
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:↓ 週あたりのダウンロードi★ 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、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Use APIKO image and video models from Claude Code, Codex, Cursor, Claude Desktop and other MCP clients. The server runs locally over stdio with your own APIKO API key: the agent can look up models and request fields, quote a list price, generate images and videos, follow tasks, check what the key has spent, and upload reference images.
Generation is billed to your APIKO balance at API prices. The server tells the agent to quote first and wait for your approval before every paid call.
Overview, supported models and prices: APIKO MCP server.
Any client that can start a local stdio MCP server can run npx -y apiko-mcp.
| Client | How to add it | Tested by us |
|---|---|---|
| Claude Code (CLI and desktop app) | claude mcp add (below) | yes |
| Codex (CLI, IDE extension, desktop app) | codex mcp add or ~/.codex/config.toml (below) | yes |
| Cursor | ~/.cursor/mcp.json (below) | config follows Cursor's docs |
| Claude Desktop | claude_desktop_config.json (below) | config follows the MCP docs |
| Other stdio clients (Windsurf, Cline, VS Code agent mode, ...) | command npx, args -y apiko-mcp, env APIKO_API_KEY | no |
The rows marked "follows the docs" use each client's documented mcpServers format with the same command that is tested in Claude Code and Codex. If one of them does not work for you, please open an issue.
The server is published on npm as apiko-mcp and runs with npx -y apiko-mcp. To run it from source instead:
git clone <this repo> apiko-mcp
cd apiko-mcp npm install npm run build # writes dist/index.js
and replace npx -y apiko-mcp below with node /absolute/path/to/apiko-mcp/dist/index.js.
claude mcp add apiko --scope user -e APIKO_API_KEY=sk-... -- npx -y apiko-mcp
--scope user stores the server in ~/.claude.json, which the Claude Code desktop app (Code tab) also loads. Run /mcp in Claude Code to check that apiko is connected.
codex mcp add apiko --env APIKO_API_KEY=sk-... -- npx -y apiko-mcp
or add this to ~/.codex/config.toml, which the Codex CLI, the IDE extension and the ChatGPT desktop app share:
[mcp_servers.apiko]
command = "npx" args = ["-y", "apiko-mcp"] env = { APIKO_API_KEY = "sk-..." }
Add this to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json in a project root:
{
"mcpServers": { "apiko": { "type": "stdio", "command": "npx", "args": ["-y", "apiko-mcp"], "env": { "APIKO_API_KEY": "sk-..." } } } }
Settings → Developer → Edit Config opens claude_desktop_config.json (~/Library/Application Support/Claude/ on macOS, %APPDATA%\Claude\ on Windows). Add the server and restart the app:
{
"mcpServers": { "apiko": { "command": "npx", "args": ["-y", "apiko-mcp"], "env": { "APIKO_API_KEY": "sk-..." } } } }
If a desktop app reports that node or npx cannot be found, use the full path from which node.
Add APIKO_MCP_READ_ONLY=1 to the server's env (-e APIKO_MCP_READ_ONLY=1 or --env APIKO_MCP_READ_ONLY=1). The generate and upload tools are then hidden; model lookup, quotes, task checks and the key's usage still work.
| Variable | Default | Meaning |
|---|---|---|
APIKO_API_KEY | required | Your APIKO key. Never paste it into a chat. |
APIKO_MCP_READ_ONLY | off | 1 hides generate_image, generate_video and upload_image. |
APIKO_BASE_URL | https://api.apiko.app | API base URL. |
APIKO_SITE_URL | https://apiko.app | Where the public price catalog is read from. |
HTTPS_PROXY, HTTP_PROXY, NO_PROXY | unset | Used only when set. Node's built-in fetch ignores them, so the server switches to a proxy-aware client when they are present. |
| Tool | Cost | What it does |
|---|---|---|
search_models | free | Lists the models your key can use, with category, list price and modes. Filter by query and category. |
get_model | free | One model's input_schema (fields, enums, defaults), endpoints, modes and price tiers. |
estimate_cost | free | Validates an input against the schema and quotes the list price without submitting. |
generate_image | paid | Generates, or edits when input.images has reference URLs. Runs async when the model supports it and waits up to wait_seconds (default 30). |
generate_video | paid | Submits a video task (POST /v1/videos) and returns its task_id. |
get_task | free | Status, progress, result URLs and failure reason of a task; can wait up to 45 s. |
check_balance | free | What this key has spent and its own spending limit, if any. |
upload_image | free | Uploads a local JPEG/PNG/WebP (or copies a public image URL) and returns a public img.apiko.app URL for reference fields. |
Typical flow: search_models → get_model → upload_image (if you have local references) → estimate_cost → you approve → generate_image / generate_video → get_task.
estimate_cost (and the generate tools' cost field) returns one of:
estimated: a number, when the price follows directly from the input: per-image tiers chosen by resolution (or by an explicit WxH size for gpt-image-2), flat per-image prices, and per-second video prices by resolution × duration, including reference videos once you pass reference_video_seconds.needs_input: something the price depends on is missing, usually the total length of reference videos. You also get the range and the amount held from your balance at submission (hold_usd), which is refunded down to the real charge when the task settles.token_billed: billed by tokens (GPT Image 2.5 Flare / Sunburst, text models). An indicative_usd figure may be shown, but it is not a quote.unknown: no published price or no reliable rule; never treat it as free.All figures are list prices in USD from the public catalog at apiko.app. The gateway's charge at settlement is final. Failed tasks are refunded automatically.
max_cost_usd on the generate tools refuses the call when the estimate, or its guaranteed upper bound, is above the cap, or when no reliable figure exists.
generate_* call creates a paid task. Calling it again to check progress would pay twice; use get_task.client_request_id stops a repeated call from being submitted twice while the same server process is running. If a submission times out, the server does not retry it: check https://apiko.app/dashboard/usage first.check_balance reads the key, not the account. Keys created on apiko.app have no limit of their own and draw on the account balance, which only the dashboard shows (https://apiko.app/dashboard/billing).search_models, but you call them through the OpenAI-compatible API at https://api.apiko.app/v1, not through this server.Codex gives each MCP tool call 60 seconds by default, so no tool here waits longer than 45 seconds; long tasks are followed with get_task. The rare sync-only image model can take longer: raise tool_timeout_sec under [mcp_servers.apiko] if you use one.
npm install
npm test # builds, then runs the tests against a local mock API
src/tools.ts holds the tool logic and src/server.ts builds an McpServer from it, independent of the transport; src/index.ts is the stdio entry point. The tests never call the production API.