Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
130+ AI models for image, video, music, and audio — 18 model families, one RunAPI account.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
RUNAPI_API_KEYค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ใช้ได้ทั้ง Claude บนเว็บ แอปคอมพิวเตอร์ และมือถือ:
https://mcp.runapi.ai/mcpเปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"runapi": {
"command": "npx",
"args": [
"-y",
"@runapi.ai/mcp"
],
"env": {
"RUNAPI_API_KEY": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http runapi https://mcp.runapi.ai/mcpclaude mcp add runapi --env RUNAPI_API_KEY='ใส่ค่าของคุณ' -- npx -y @runapi.ai/mcpเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"runapi": {
"url": "https://mcp.runapi.ai/mcp"
}
}
}วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"runapi": {
"command": "npx",
"args": [
"-y",
"@runapi.ai/mcp"
],
"env": {
"RUNAPI_API_KEY": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"runapi": {
"type": "http",
"url": "https://mcp.runapi.ai/mcp"
}
}
}วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"runapi": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@runapi.ai/mcp"
],
"env": {
"RUNAPI_API_KEY": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ChatGPT ต่อได้เฉพาะ server ที่อยู่บนอินเทอร์เน็ต:
https://mcp.runapi.ai/mcpชื่อเมนูอาจต่างกันเล็กน้อยตามแพ็กเกจและรุ่นของแอป
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
ยังไม่ได้อ่านรายการเครื่องมือของตัวนี้ เราตรวจ endpoint ทีละชุดวนไป
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 6 พ.ย. 2569
ผู้ลงทะเบียน (runapi-builder) ไม่ใช่เจ้าของ repo (runapi-ai) อาจเป็นคนอื่นที่นำมาลงต่อ
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 0 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: RUNAPI_API_KEY
ได้ทั้งสองแบบ จะลงในเครื่องหรือต่อผ่านคลาวด์ก็ได้
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.17.0) เข้า registry 8 วันที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต่อผ่าน URL จึงใช้กับโปรแกรมที่รับ remote MCP ได้ เช่น ChatGPT ที่เปิดโหมดนักพัฒนา
ในหมวดเดียวกันมี Figma Context MCP, Claude Real Video, Figma MCP Server
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi
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.
server ทางการของ Figma ส่งข้อมูลงานออกแบบให้ AI อ่าน เพื่อเปลี่ยนแบบเป็นโค้ดหรืออธิบายแบบได้ตรงขึ้น ต่อผ่านคลาวด์ของ Figma
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
RunAPI MCP Server
AI image generation, video generation, music creation, text-to-speech, prompt search, and model discovery — 160+ executable models across 4 modalities in one MCP server.
Works with Claude Code, Codex, Cursor, Windsurf, VS Code, Roo Code, and any MCP-compatible host.
Quick Start | Tools | Examples | Catalog | Platforms
RunAPI MCP Server connects MCP-compatible coding tools to RunAPI. It lets an assistant browse the RunAPI catalog, inspect model inputs, check current runtime pricing, create media tasks, poll task status, and check account balance.
The discovery tools work without an API key because they use the embedded build-time catalog. Authenticated operations use the login tool, runapi login, RUNAPI_API_KEY, or shared RunAPI config.
This package is a pure client. It does not run a local generation backend and only needs RunAPI sign-in for authenticated tools.
Remote MCP clients can connect directly to:
https://mcp.runapi.ai/mcp
No Node.js installation is required. Use OAuth when the client supports remote MCP authorization, or configure a RunAPI API key as the bearer credential. See the Hosted MCP setup page for Cursor, Claude Desktop, VS Code, and Windsurf configurations.
Hosted MCP exposes the eight Business Tools documented below. Local Login remains available only in the Local MCP package.
For Local MCP over stdio, install RunAPI with Claude Code's MCP command:
claude mcp add runapi -s user -- npx -y @runapi.ai/mcp
The scope flag controls where the MCP server is stored:
-s user: global, available in all projects for your user.-s project: team-shared, written to .mcp.json in the current repo so it can be committed.Use project scope when you want the whole team to share the same server config:
claude mcp add runapi -s project -- npx -y @runapi.ai/mcp
Compatibility fallback for non-Claude Code platforms or manual JSON config:
{
"mcpServers": { "runapi": { "command": "npx", "args": ["-y", "@runapi.ai/mcp"] } } }
If your host needs a generated config file, use the legacy init command as a fallback:
npx @runapi.ai/mcp init claude
npx @runapi.ai/mcp init cursor npx @runapi.ai/mcp init vscode npx @runapi.ai/mcp init windsurf npx @runapi.ai/mcp init roo
Free catalog tools work before sign-in. For task creation, task status, and balance checks, ask your assistant to call the login tool. It opens a browser login and saves credentials to ~/.config/runapi/config.json, the same file used by runapi login. Headless and CI hosts can still set RUNAPI_API_KEY before starting the MCP host.
| Tool | Auth | Purpose |
|---|---|---|
list_models | No | List RunAPI models from the embedded catalog. Supports modality, service, and action filters. |
get_model_info | No | Return service, action, modality, input constraints, and current runtime pricing for a model slug. Use service + action when a model appears in multiple endpoints. |
list_actions | No | Group endpoint action names by modality. |
check_pricing | No | Return current runtime pricing for a service + action + model combination. |
search_prompts | No | Search reusable prompt examples by modality, category, tags, q, model, featured, and pagination. Each prompt returns media: its approved example images, including the cover image of a video prompt. Example videos and reference images are not returned yet. |
login | No | Start browser login and save RunAPI credentials to shared local config. |
create_task | Yes | Create a media task with a required caller-generated idempotency_key; wait for completion by default or return immediately with wait: false. |
get_task | Yes | Fetch status and latest payload for an existing media task. |
check_balance | Yes | Return account balance and spending metrics. |
The catalog, pricing, and prompt search tools are designed for funnel-top discovery inside coding tools. The task and balance tools are designed for authenticated workflows.
Ask your assistant natural-language questions. The assistant should use the tools to discover current model slugs and pricing instead of relying on memorized names.
What RunAPI image models are available?
Expected behavior:
list_models with modality: "image".check_pricing.Find image prompt examples for a logo.
Expected behavior:
search_prompts with modality: "image" and q: "logo".get_model_info before creating a task.Show me the required parameters for this model slug: <model-slug>
Expected behavior:
get_model_info.get_model_info again with service and action.list_models if the slug is not found.Generate a square product image with RunAPI. Pick a suitable image model.
Expected behavior:
list_models to choose a compatible image model.get_model_info with the selected service/action/model to read the parameter descriptions.idempotency_key for this logical task and calls create_task.Hosted MCP keeps an asynchronous create_task call with wait: true open as request-scoped SSE for up to 300 seconds. It polls about every 5 seconds, sends an SSE heartbeat about every 15 seconds, and sends standard notifications/progress only when the MCP client supplied a progressToken. The terminal JSON-RPC response arrives in that same stream and then closes it.
The terminal tool result includes matching structuredContent and text content with task_id, final status, completed: true, and the RunAPI result. See examples/create-task-and-wait.arguments.json.
Create the task but do not wait for completion.
Expected behavior:
idempotency_key and calls create_task with wait: false.get_task.create_task requires an opaque idempotency_key from 1 to 512 characters. Generate one new key for each logical task and retain it with the exact service, action, model, and params used for that task.
If the create result is unknown because the connection closed or timed out, do not automatically create another task. Retry only when intended, using the same key with the same input. Reusing the key with different input returns a conflict. Do not derive the key from a JSON-RPC request ID or X-Client-Request-Id.
When Completion Wait reaches its deadline, task creation remains successful. The non-error result has matching structured and text content with task_id, latest status, completed: false, wait_deadline_reached: true, and next_action: "get_task". Continue with get_task; do not create a replacement task.
If polling fails or the connection closes after task creation, the task may still be processing. Continue with get_task; do not create a replacement task.
See examples/create-task.arguments.json for submit-only arguments.
Check my RunAPI balance.
Expected behavior:
check_balance.login for browser login, or explains RUNAPI_API_KEY for headless hosts.The MCP Embedded Catalog is generated from RunAPI's contract snapshot. It includes only models executable by this server release.
| Modality | What To Use |
|---|---|
| Image | list_models with modality: "image" |
| Video | list_models with modality: "video" |
| Audio and music | list_models with modality: "audio" |
| Utility | list_models with modality: "utility" |
Catalog contents can change between releases. Use list_models for current service/action/model slugs and get_model_info for each model's current constraints.
RunAPI pricing is exposed through the check_pricing tool and the public pricing page. Do not rely on examples in README files for exact prices.
Useful flows:
list_models to find a candidate model.check_pricing with service, action, and model.Free catalog tools do not create tasks and do not consume account balance.
Run:
claude mcp add runapi -s user -- npx -y @runapi.ai/mcp
Use -s user for a global install available in all projects. Use -s project when you want Claude Code to write .mcp.json in the repo for team-shared config.
Restart or reload your MCP host after changing MCP configuration.
Use init only when a host needs a platform-specific JSON file or cannot use the Claude Code MCP command.
Claude Code fallback:
npx @runapi.ai/mcp init claude
This writes .mcp.json in the current directory.
Cursor fallback:
npx @runapi.ai/mcp init cursor
This writes .cursor/mcp.json. Open Cursor settings to verify the MCP server is enabled.
VS Code fallback:
npx @runapi.ai/mcp init vscode
This writes .vscode/mcp.json. VS Code uses a top-level servers key and type: "stdio" in generated config.
Windsurf fallback:
npx @runapi.ai/mcp init windsurf
This writes the generated config for the Windsurf target used by the init command.
Run:
npx @runapi.ai/mcp init roo
This writes .roo/mcp.json.
Use the example files in examples/ as starting points. Each platform has slightly different wrapper keys and file paths, but all run the same command:
npx -y @runapi.ai/mcp
The server reads configuration in this order:
RUNAPI_API_KEY environment variable, useful for headless and CI hostsตัดมาแค่ช่วงต้น อ่านต่อใน repo