Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Images, video & speech: Nano Banana, GPT Image, Veo, Omni, Wan, Grok, Gemini TTS. Crypto or card.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ใช้ได้ทั้ง Claude บนเว็บ แอปคอมพิวเตอร์ และมือถือ:
https://bananabanana.pro/api/mcpพิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http image-video https://bananabanana.pro/api/mcpวางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"image-video": {
"url": "https://bananabanana.pro/api/mcp"
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"image-video": {
"type": "http",
"url": "https://bananabanana.pro/api/mcp"
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ChatGPT ต่อได้เฉพาะ server ที่อยู่บนอินเทอร์เน็ต:
https://bananabanana.pro/api/mcpชื่อเมนูอาจต่างกันเล็กน้อยตามแพ็กเกจและรุ่นของแอป
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
server ให้ล็อกอินก่อนจึงจะแสดงรายการเครื่องมือ
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 9 พ.ย. 2569
ชื่อใน registry ยืนยันโดเมน bananabanana.pro แล้ว (registry ตรวจความเป็นเจ้าของโดเมน)
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตอบกลับใน 974 ms (HTTP 401)
ประกาศวิธีล็อกอินแบบ OAuth ให้โปรแกรม AI พาไปล็อกอินเอง
ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 3 จาก 3 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
รันบนคลาวด์ของผู้ทำ ต่อผ่านอินเทอร์เน็ตได้เลย ไม่ต้องลงโปรแกรม แต่ข้อมูลที่ส่งให้จะผ่านเซิร์ฟเวอร์ของผู้ทำ
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.0.13) เข้า registry 33 วันที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต่อผ่าน URL จึงใช้กับโปรแกรมที่รับ remote MCP ได้ เช่น ChatGPT ที่เปิดโหมดนักพัฒนา
ในหมวดเดียวกันมี Figma Context MCP, Claude Real Video, Figma MCP Server
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:↓ ดาวน์โหลดต่อสัปดาห์i★ ดาว 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
An MCP server for image, video, and speech generation — Google Nano Banana, Veo 3.1 and Gemini Omni, OpenAI GPT Image 2.5, Alibaba Qwen Image and Wan 3.0, xAI Grok Imagine Video and Gemini TTS — that lets any MCP client (Claude Code, Claude Desktop, Cursor, and more) create media pay-as-you-go with crypto or card payments and no subscription.
https://bananabanana.pro/api/mcp (streamable HTTP)Authorization: Bearer bb_live_… — create a keyGenerate images from $0.03, videos from $0.09, and speech for $0.01 per started 200 transcript characters, billed from an account balance you top up with crypto (from $1) or by card, PayPal or SEPA (from $20). Cost quotes before every expensive call, automatic refunds on failure, and one shared image/video history with the website.
Current documentation release: [v1.0.12](https://github.com/bananabanana-pro-mcp/bananabanana-mcp/releases/tag/v1.0.12) — audited against the deployed tool schemas and model catalogue on 2026-09-30. See the changelog.
OAuth is the primary connection path. API keys remain available for clients without OAuth and for scripts or CI:
Settings → Connectors → Add custom connector
URL: https://bananabanana.pro/api/mcp → Add → Connect → approve access on bananabanana.pro
# OAuth — no key; run /mcp inside Claude Code and choose "Authenticate"
claude mcp add --transport http bananabanana https://bananabanana.pro/api/mcp
claude mcp add --transport http bananabanana https://bananabanana.pro/api/mcp \ --header "Authorization: Bearer bb_live_YOUR_KEY"
Use Settings → Connectors → Add custom connector and enter https://bananabanana.pro/api/mcp, then press Connect and approve access. If your Desktop build uses claude_desktop_config.json, the OAuth-capable mcp-remote bridge requires Node.js:
{
"mcpServers": { "bananabanana": { "command": "npx", "args": [ "-y", "mcp-remote", "https://bananabanana.pro/api/mcp" ] } } }
The bridge opens the OAuth sign-in flow on first use. See docs/authentication.md for the API-key fallback.
Other clients (Cursor, VS Code, Windsurf)
Cursor — ~/.cursor/mcp.json (global) or .cursor/mcp.json (project):
{
"mcpServers": { "bananabanana": { "url": "https://bananabanana.pro/api/mcp", "headers": { "Authorization": "Bearer bb_live_YOUR_KEY" } } } }
VS Code — .vscode/mcp.json (stores the key as an encrypted prompt):
{
"servers": { "bananabanana": { "type": "http", "url": "https://bananabanana.pro/api/mcp", "headers": { "Authorization": "Bearer ${input:bb-api-key}" } } }, "inputs": [ { "type": "promptString", "id": "bb-api-key", "description": "BananaBanana API key (bb_live_…)", "password": true } ] }
Windsurf — ~/.codeium/windsurf/mcp_config.json:
{
"mcpServers": { "bananabanana": { "serverUrl": "https://bananabanana.pro/api/mcp", "headers": { "Authorization": "Bearer bb_live_YOUR_KEY" } } } }
Ready-to-copy configs live in examples/. Once connected, ask your agent to run list_models (free) — it returns the live model list and prices. An OAuth user can also ask the agent to call top_up; the returned browser link grants deposit-only access without exposing the full profile.
No MCP client? The server is plain JSON-RPC over HTTPS — call it from curl, Python or TypeScript with no SDK: examples/no-sdk.md (runnable scripts: generate.py, generate.mjs).
Ten tools; the read-only and account-access tools are free. Full reference in docs/tools.md.
| Tool | What it does | Key parameters |
|---|---|---|
list_models | List models with live USD prices, resolutions, durations, constraints. Free. | — |
get_account | Balance, key name, daily cap, spend today. Free. | — |
top_up | Return a balance top-up link (crypto or card). OAuth gets a one-time deposit-only link; API-key users get the profile URL. Free. | — |
generate_image | Text-to-image on Nano Banana 2 Lite / 2 / 2.1 / Pro, GPT Image 2.5 Flare / Sunburst or Qwen Image 3.0 Pro, up to 4K, 1–4 variants, up to 14 reference images. Lite is the default; Google images use relaxed_filter: true by default when a project key is free. GPT Image with references follows the first image's orientation and rejects an explicit aspect_ratio. Panoramic 1:4, 4:1, 1:8, 8:1, 9:21 only on nano-banana-2-1. Returns a job_id. | prompt, model, aspect_ratio, resolution, number_of_images, reference_images, relaxed_filter, confirm_cost |
edit_image | Multi-turn edit of a finished image by text instruction (Nano Banana models). | source_generation_id, prompt, model, resolution |
generate_video | Video on Veo 3.1 family, Gemini Omni Flash (1.1 or 1.0), Wan 3.0 or Grok Imagine Video 1.5, optionally from a first frame, a last frame, reference images or (Wan) reference videos. Always quotes first. Returns a job_id. | prompt, model, duration, resolution, aspect_ratio, with_audio, first_frame, last_frame, reference_images, reference_videos, confirm_cost |
edit_video | Video-to-video: restyle, replace objects or relight an existing clip on Omni Flash, extend an Omni clip by 3–10 s (up to 40 s total), or rework / continue a clip on Wan 3.0. Always quotes first. | prompt, model, source_generation_id or video_url, mode, duration, resolution, audio_prompt, confirm_cost |
generate_speech | Gemini 3.1 Flash TTS speech: one speaker or a two-speaker dialogue. Returns a hosted WAV URL synchronously. | text, voice, language_code, style, speakers |
get_result | Poll a job; returns hosted media URLs (24 h) + cost/balance. Free. | job_id, wait_seconds |
list_generations | Recent account history (shared with the website). Free. | limit, type, status |
Image and video generation is async: generation/editing calls return a job_id; poll get_result for the media. generate_speech is synchronous and returns its WAV URL directly. generate_video, edit_video and multi-image generate_image quote first and charge nothing until you repeat the call with confirm_cost.
Generated files are retained for 30 days from creation; signed download links last 24 hours. Within the retention period, get_result can issue fresh image/video links. Download speech from its synchronous response; it is absent from list_generations.
Pay-as-you-go in USD: per image, per Veo clip, per second of output for Omni Flash, Wan 3.0 and Grok Imagine Video, and per started 200 transcript characters for speech. Live numbers come from list_models; full tables in docs/pricing.md.
| Model | Type | Price |
|---|---|---|
nano-banana-2-lite | Image (1024) | $0.03 |
nano-banana-2 | Image (512→4096) | $0.03 – $0.13 |
nano-banana-2-1 | Image (1024→4096, panoramic up to 8:1) | $0.03 – $0.10 |
nano-banana-pro | Image (1024→4096) | $0.11 – $0.20 |
gpt-image-2.5-flare / gpt-image-2.5-sunburst | Image (1024→4096, OpenAI) | $0.05 – $0.18 |
qwen-image-3.0-pro | Image (1024/2048, Alibaba) | $0.04 – $0.08 |
veo-3.1-lite | Video (720p/1080p; 4, 6 or 8 s) | $0.10 – $0.56 |
veo-3.1-fast | Video (up to 4K; 4, 6 or 8 s) | $0.35 – $2.60 |
veo-3.1 | Video (up to 4K; 4, 6 or 8 s) | $0.70 – $4.40 |
omni-flash (Gemini Omni 1.1 Flash) | Video (360p–4K, sound, 3–10 s, extendable to 40 s) | $0.03 – $0.30 / s ($0.09 – $3.00) |
omni-flash-1.0 | Video (720p/1080p, sound, 4–10 s) | $0.10 – $0.12 / s ($0.40 – $1.20) |
wan-3.0 | Video (480p/720p/1080p, sound, 4 – 30 s) | $0.05 – $0.20 / s ($0.20 – $6.00) |
grok-imagine-video-1.5 | Video (720p/1080p, sound, 4 – 15 s) | $0.14 – $0.25 / s ($0.56 – $3.75) |
gemini-3.1-flash-tts-preview | Speech (WAV) | $0.01 / started 200 transcript characters |
Images cost $0.03–$0.20 each; video costs $0.09–$6.00 per clip. Veo is priced per clip, while Omni Flash, Wan 3.0 and Grok Imagine Video are billed per second of output at the vendor's own list rates. Veo generation accepts 4, 6 or 8 seconds; the 7-second prices returned by list_models are for extension jobs, not a selectable generate_video duration. Wan 3.0 takes a first and last frame, reference images, reference videos and a seed, and its audio track is free to switch off. Free tools: list_models, get_account, top_up, get_result, list_generations. Failed and content-filtered generations are refunded automatically.
Top-up bonuses can lower the effective cost: deposits of $50+ receive 5% extra balance, deposits of $100+ receive 10%, and an active partner promo code adds another 10%. Bonuses stack and apply to crypto and card deposits alike. The table shows nominal generation charges; effective out-of-pocket cost depends on the top-up bonus. Promo codes require a normal signed-in profile and are intentionally unavailable in an OAuth deposit-only session.
list_models returns live prices, and video / batch calls return a quote and charge nothing until confirmed — so an agent can't run up a surprise bill.idempotency_key bound the downside further.A separate HTTP endpoint, https://bananabanana.pro/api/x402, accepts USDC on Base without an account, OAuth or an API key. It supports image, video and speech generation. Image/speech payments settle after success; video is prepaid and failure returns a single-use refund credit token. See docs/x402.md for the request format, exact-price challenge, polling and input restrictions.
Published in the
ตัดมาแค่ช่วงต้น อ่านต่อใน repo