Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Image, video and audio generation APIs with USD quotes and confirmation before paid requests.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
SPICY_API_KEYค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"spicyapi-ai": {
"command": "npx",
"args": [
"-y",
"@spicyapi/mcp"
],
"env": {
"SPICY_API_KEY": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add spicyapi-ai --env SPICY_API_KEY='ใส่ค่าของคุณ' -- npx -y @spicyapi/mcpเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"spicyapi-ai": {
"command": "npx",
"args": [
"-y",
"@spicyapi/mcp"
],
"env": {
"SPICY_API_KEY": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"spicyapi-ai": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@spicyapi/mcp"
],
"env": {
"SPICY_API_KEY": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 6 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub spicyapi-ai ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: SPICY_API_KEY
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.6.2) เข้า registry 3 วันที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย
ในหมวดเดียวกันมี 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
The official local MCP server for SpicyAPI. It lets the AI assistant you already use — Claude Desktop, Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI or any MCP client — browse the live model catalog, compare prices, create generation tasks and collect results, with every billable step confirmed by you.
SpicyAPI is an unrestricted AI API: one key for 200+ image, video, audio and chat models (Seedance, Kling, Wan, MiniMax, Seedream, GPT Image, Suno and more), with no content filter added by the platform. What a request can produce depends on the model you pick, and the catalog marks which models are uncensored.
This package installs spicyapi-mcp (stdio) and spicyapi-mcp-http (loopback-only Streamable HTTP). It does not contain the CLI or the Agent Skill.
Full, beginner-friendly guide: [docs.spicyapi.ai/docs/mcp](https://docs.spicyapi.ai/docs/mcp).
MCP (Model Context Protocol) is an open standard for giving AI assistants extra abilities. Once this server is added to your assistant, you can ask in ordinary language — _"make a five-second video from this photo"_ — and the assistant:
The server runs on your own computer. Your assistant app starts it when needed; there is nothing to host.
node --version). npx ships with Node.js.did not declare the required capability. Nothing is created, reserved, charged or destroyed: creation has fetched only its free quote by then, and retry and purge have sent no request. The read-only tools still work.0 for no cap.sk-spicy- and is shown once.export SPICY_API_KEY="sk-spicy-..." # paste your own key
In Windows PowerShell: $env:SPICY_API_KEY = "sk-spicy-...".
Every client below runs the same stdio server: npx --yes --package=@spicyapi/mcp spicyapi-mcp.
You never run this server yourself — your MCP client starts it. Launched by hand it just waits silently on stdin, which looks like a hang. And it needs --package=@spicyapi/mcp in front of the binary name, because this package ships two of them; plain npx @spicyapi/mcp fails with could not determine executable to run.
~/Library/Application Support/Claude/claude_desktop_config.json on macOS and %APPDATA%\Claude\claude_desktop_config.json on Windows.spicyapi entry to an existing mcpServers) and replace YOUR_SPICY_API_KEY.{
"mcpServers": { "spicyapi": { "command": "npx", "args": ["--yes", "--package=@spicyapi/mcp", "spicyapi-mcp"], "env": { "SPICY_API_KEY": "YOUR_SPICY_API_KEY" } } } }
claude mcp add spicyapi \
-e SPICY_API_KEY=$SPICY_API_KEY \ -- npx --yes --package=@spicyapi/mcp spicyapi-mcp
The default scope is the current project; add --scope user for every project. Do not use --scope project, which writes the key into a .mcp.json inside the repository. Check with claude mcp list or /mcp. On native Windows, if the server fails to start, use -- cmd /c npx --yes --package=@spicyapi/mcp spicyapi-mcp.
codex mcp add spicyapi \
--env SPICY_API_KEY=$SPICY_API_KEY \ -- npx --yes --package=@spicyapi/mcp spicyapi-mcp
That writes ~/.codex/config.toml, which the Codex CLI, the IDE extension and the ChatGPT desktop app all read — configure it once and all three pick it up. Check with codex mcp list or /mcp.
Both terminal commands copy SPICY_API_KEY out of your current shell into that client's local config, so run them in a terminal where the key is already exported. If it was not, remove the server (claude mcp remove spicyapi / codex mcp remove spicyapi) and add it again.
Cursor (~/.cursor/mcp.json), Windsurf (~/.codeium/windsurf/mcp_config.json) and Gemini CLI (~/.gemini/settings.json) share the same shape as Claude Desktop:
{
"mcpServers": { "spicyapi": { "command": "npx", "args": ["--yes", "--package=@spicyapi/mcp", "spicyapi-mcp"], "env": { "SPICY_API_KEY": "YOUR_SPICY_API_KEY" } } } }
On Windows these live under %USERPROFILE%. If a file already has other settings, merge mcpServers into it — the whole file must stay valid JSON, with no comments or trailing commas. Restart the client if the tools do not appear (Gemini CLI: /mcp lists them).
Those are user-level files outside your repository. Never copy that block, with a real key in it, into a project file that gets committed — such as a project-level .cursor/mcp.json.
.vscode/mcp.json is committed with your repository, so let VS Code prompt for the key and keep it in its own secret storage:
{
"inputs": [ { "id": "spicyapi-key", "type": "promptString", "description": "SpicyAPI key", "password": true } ], "servers": { "spicyapi": { "type": "stdio", "command": "npx", "args": ["--yes", "--package=@spicyapi/mcp", "spicyapi-mcp"], "env": { "SPICY_API_KEY": "${input:spicyapi-key}" } } } }
Start it from the code lens above the entry or MCP: List Servers, paste the key when asked, then use the tools from Chat in Agent mode.
Use the same command, args and env. Each client owns its config location and format, and both change between versions — their own documentation is authoritative.
Ask your assistant, in order:
spicyapi_service_status needs no key, so this proves the server starts.spicyapi_balance_get proves the key reaches the server.spicyapi_.None of these costs anything.
Use SpicyAPI to list the image models I can call, pick an inexpensive one, generate a cinematic
night portrait, and give me the result link when it finishes.
The agent reads the catalog, fetches the model's schema, obtains an exact quote and stops for your confirmation before anything is charged.
More prompts to try:
Model IDs always come from the live catalog. Any placeholder such as MODEL_ID_FROM_CATALOG in SpicyAPI documentation means an exact ID selected from that catalog, not a literal value.
| Tool | Purpose | Read-only | Billable | Confirmation |
|---|---|---|---|---|
spicyapi_service_status | Public health and readiness; no key needed | Yes | No | No |
spicyapi_docs_search | Search the bundled first-party documentation index; no key | Yes | No | No |
spicyapi_models_list | Enabled models and account-specific prices | Yes | No | No |
spicyapi_model_get | One model and its current input schema | Yes | No | No |
spicyapi_balance_get | Available, held and total balance | Yes | No | No |
spicyapi_usage_get | Settled USD usage for the current key | Yes | No | No |
spicyapi_tasks_list | One page of task metadata for the current key | Yes | No | No |
spicyapi_task_get | Read one task, including ready result links | Yes | No | No |
spicyapi_task_wait | Wait up to 300 seconds for a task to reach a terminal state | Yes | No | No |
spicyapi_task_quote | Price an exact request without creating anything | Yes | No | No |
spicyapi_upload_file | Read, upload and commit a local file; return its spicy:// URI | No | No | No |
spicyapi_download_url_create | Short-lived signed URL for a task output | No | No | No |
spicyapi_task_create | Create an asynchronous generation task | No | Yes | Always |
spicyapi_task_retry | Create a new task from a failed or expired one | No | Yes | Always |
spicyapi_task_purge | Destroy one terminal task's stored content (destructiveHint) | No | No | Always |
spicyapi_assets_list | One page of saved assets, each with its spicy://a/ reference | Yes | No | No |
spicyapi_assets_usage_get | Asset storage plan, what is stored, today's count, next plan | Yes | No | No |
spicyapi_asset_save | Save a task output, local file, URL or upload to the library | No | No | No |
spicyapi_asset_rename | Rename a saved asset; its reference stays the same | No | No | No |
spicyapi_asset_delete | Delete a saved asset for good (destructiveHint) | No | No | Always |
spicyapi_characters_list | One page of characters, each with its images in order | Yes | No | No |
spicyapi_character_get | One character with its images, as spicy://a/ references | Yes | No | No |
The server also registers two resources — `s
ตัดมาแค่ช่วงต้น อ่านต่อใน repo