Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Grabbit gives AI agents eyes on the web. Send a public URL, get a pixel-perfect hosted image.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ใช้ได้ทั้ง Claude บนเว็บ แอปคอมพิวเตอร์ และมือถือ:
https://mcp.grabbit.liveพิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http screenshots https://mcp.grabbit.liveวางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"screenshots": {
"url": "https://mcp.grabbit.live"
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"screenshots": {
"type": "http",
"url": "https://mcp.grabbit.live"
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ChatGPT ต่อได้เฉพาะ server ที่อยู่บนอินเทอร์เน็ต:
https://mcp.grabbit.liveชื่อเมนูอาจต่างกันเล็กน้อยตามแพ็กเกจและรุ่นของแอป
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
ยังไม่ได้อ่านรายการเครื่องมือของตัวนี้ เราตรวจ endpoint ทีละชุดวนไป
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 6 พ.ย. 2569
ชื่อใน registry ยืนยันโดเมน grabbit.live แล้ว (registry ตรวจความเป็นเจ้าของโดเมน)
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
รันบนคลาวด์ของผู้ทำ ต่อผ่านอินเทอร์เน็ตได้เลย ไม่ต้องลงโปรแกรม แต่ข้อมูลที่ส่งให้จะผ่านเซิร์ฟเวอร์ของผู้ทำ
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.0.2) เข้า registry 38 วันที่ผ่านมา
โปรแกรมที่รองรับ 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
Screenshots as a service, built for AI agents
Point your agent at a URL and get back a hosted image, with no local headless browser to run. Grabbit handles cookie and consent banners, JavaScript-heavy and full-page captures, and many sites that block a local browser.
| Endpoint | https://mcp.grabbit.live (Streamable HTTP) |
| Auth | OAuth 2.1 (claude.ai connectors work out of the box) or a Bearer API key |
| Registry name | live.grabbit/screenshots |
| Setup guides | https://grabbit.live/agents |
| Tool | What it does |
|---|---|
grab | Screenshot any public URL and get a hosted image back (inline image + remaining credits) |
get_grab | Fetch a previous capture by id |
list_grabs | Browse your recent captures |
get_usage | Credits, plan, and 30-day usage |
get_pricing | Pricing plus an honest, dated comparison against ScreenshotOne, Urlbox, Browserless, and others |
Most agents can already drive a headless browser. It works on simple pages and quietly fails on the ones that matter: cookie and consent walls, bot detection, login and paywall gates, and heavy client-rendered pages. Grabbit runs the capture on hosted infrastructure, so the shot comes back clean and the agent needs no browser of its own.
Honest bound: no service captures literally every site. A few hard targets
behind aggressive IP blocking still resist. Private and internal addresses
(including localhost) are blocked by SSRF protection.
claude mcp add --transport http grabbit https://mcp.grabbit.live
Then run /mcp and authenticate in the browser (OAuth, no key to paste). Guide: https://grabbit.live/agents/claude-code
~/.cursor/mcp.json (commit a project-scoped .cursor/mcp.json to share with your team):
{ "mcpServers": { "grabbit": { "url": "https://mcp.grabbit.live" } } }
Guide: https://grabbit.live/agents/cursor
~/.codex/config.toml:
[mcp_servers.grabbit]
url = "https://mcp.grabbit.live" bearer_token_env_var = "GRABBIT_API_KEY"
Guide: https://grabbit.live/agents/codex
Add the hosted MCP server, or wrap the one-line CLI in a skill. Guide: https://grabbit.live/agents/openclaw
Install Grabbit directly from the Cursor Marketplace (when listed), or add manually:
~/.cursor/mcp.json (or project-scoped .cursor/mcp.json):
{ "mcpServers": { "grabbit": { "url": "https://mcp.grabbit.live" } } }
This repo includes Cursor plugin packaging (.cursor-plugin/plugin.json, mcp.json, skill) for marketplace submission.
This repo ships a portable skill folder (skills/grabbit-screenshots/) that teaches agents when and how to use the Grabbit hosted screenshot MCP.
npx skills add BrainGridAI/grabbit-mcp --skill grabbit-screenshots
After public installs, the skill can appear on skills.sh via install telemetry (no separate submit form).
From the repo root:
clawhub skill publish ./skills/grabbit-screenshots --slug grabbit-screenshots --name "Grabbit Screenshots" --version 1.0.0
The skill is published on ClawHub at https://clawhub.ai/braingrid/skills/grabbit-screenshots
openclaw skills install @braingrid/grabbit-screenshots
clawhub install grabbit-screenshots
Hermes can install the same ClawHub skill (ClawHub is a Hermes skill source) and connect MCP at https://mcp.grabbit.live.
npx grabbit.live login # browser sign-in, keys saved locally
npx grabbit.live nyt.com # screenshot a URL, hosted image back npx grabbit.live mcp # print MCP config for your agent
Flat $0.002 per live capture. Prepaid credits that never reset or expire. Test keys return free placeholders so you can wire it up before paying. Full pricing and the comparison table: https://grabbit.live/#pricing
The server.json in this repo is the manifest published to the official MCP Registry. Grabbit's source lives in a private repo; this is the public home for the MCP server's manifest and docs.