Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Shareglow MCP server: scan link previews, generate OG images, short links and stats.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
Authorizationค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ที่อยู่นี้ต้องใส่ key ใน header ของคำขอ ซึ่งเมนูเพิ่ม connector ใส่ให้ไม่ได้ ใช้ Claude Code, Cursor หรือ VS Code แทน
พิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http getshareglow https://mcp.getshareglow.com/mcp --header 'Authorization: Bearer {api_key}'เติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"getshareglow": {
"url": "https://mcp.getshareglow.com/mcp",
"headers": {
"Authorization": "Bearer {api_key}"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"getshareglow": {
"type": "http",
"url": "https://mcp.getshareglow.com/mcp",
"headers": {
"Authorization": "Bearer {api_key}"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ที่อยู่นี้ต้องใส่ key ใน header ของคำขอ ซึ่งเมนูเพิ่ม connector ใส่ให้ไม่ได้ ใช้ Claude Code, Cursor หรือ VS Code แทน
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
Authorization ความลับ จำเป็น HTTP headerค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
ชื่อและคำอธิบายเครื่องมือตามที่ server ตอบมาเมื่อ 8 พ.ย. 2569 ผู้ทำเป็นคนเขียน ไม่ใช่เรา แสดงเป็นข้อความล้วน
scan_urlScan a public web page and report its link-preview (Open Graph / Twitter Card) metadata, previews per platform, and issues with fix suggestions. Use it to answer 'why does my link preview look wrong?'.
generate_og_imageRender a 1200x630 Open Graph image from a template id (see list_templates) and text params such as title and subtitle. Returns the permanent image URL to put in og:image, and whether it was already cached. Optional exp (Unix seconds, paid plans) makes the signed URL expire; leave
create_template_from_urlUse AI to design a new OG image template from a website's brand (logo, colors, fonts) taken from a URL. Returns the chosen layoutId (a built-in template id usable with generate_og_image), the variables to pass, and the extracted brand kit. Counts against the plan's AI quota.
list_templatesList the OG image templates the workspace can render (built-in and custom) with id, name, version and dimensions. Call this before generate_og_image to pick a templateId.
create_short_linkCreate a short link with its own link preview. Optional custom slug, and optional A/B variants (each with a title, description, imageUrl or templateId) to test which preview gets more clicks. Returns id, shortUrl and variants. Use the id with get_link_stats.
get_link_statsGet click analytics for a short link by id (from create_short_link): totals plus breakdowns by day, country, device, browser and referrer. Optional from/to dates (YYYY-MM-DD).
refresh_previewForce social platforms to re-fetch a page's link preview after you changed its OG tags or image: bumps the og:image cache-buster, re-scrapes Facebook, and returns the LinkedIn Post Inspector link and the X cache note.
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 8 พ.ย. 2569
ผู้ลงทะเบียน (getshareglow.com) ไม่ใช่เจ้าของ repo (Brandon-35) อาจเป็นคนอื่นที่นำมาลงต่อ
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตอบกลับใน 336 ms (HTTP 200)
ไม่ต้องล็อกอิน
อ่านคำอธิบายเครื่องมือ 7 ตัวแล้ว ไม่พบคำสั่งแอบแฝงถึง AI
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 2 จาก 3 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: Authorization
รันบนคลาวด์ของผู้ทำ ต่อผ่านอินเทอร์เน็ตได้เลย ไม่ต้องลงโปรแกรม แต่ข้อมูลที่ส่งให้จะผ่านเซิร์ฟเวอร์ของผู้ทำ
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.1.0) เข้า registry 27 วันที่ผ่านมา
โปรแกรมที่รองรับ 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
MCP server for Shareglow: scan link previews, generate Open Graph images, create short links with their own preview, and read click stats from any MCP client.
It is a thin client of the Shareglow REST API (/v1). Your API key is passed straight through, so plan limits and rate limits apply unchanged. The server holds no credentials of its own.
https://mcp.getshareglow.com/mcp
Authorization: Bearer sk_live_...
Transport: Streamable HTTP. Create an API key at https://app.getshareglow.com/developer.
| Tool | Description |
|---|---|
scan_url | Scan a public web page and report its link-preview (Open Graph / Twitter Card) metadata, previews per platform, and issues with fix suggestions. |
generate_og_image | Render a 1200x630 Open Graph image from a template id (see list_templates) and text params such as title and subtitle. Returns the permanent image URL and whether it was cached. Optional exp (Unix seconds, paid plans) makes the signed URL expire. |
create_template_from_url | Use AI to design a new OG image template from a website's brand (logo, colors, fonts) taken from a URL. Returns the layout id, the variables to pass, and the extracted brand kit. Counts against the plan's AI quota. |
list_templates | List the OG image templates the workspace can render (built-in and custom) with id, name, version and dimensions. |
create_short_link | Create a short link with its own link preview. Optional custom slug and optional A/B variants (title, description, imageUrl or templateId). Returns id, shortUrl and variants. |
get_link_stats | Get click analytics for a short link by id: totals plus breakdowns by day, country, device, browser and referrer. Optional from/to dates (YYYY-MM-DD). |
refresh_preview | Force social platforms to re-fetch a page's link preview after you changed its OG tags or image: bumps the og:image cache-buster, re-scrapes Facebook, and returns the LinkedIn Post Inspector link and the X cache note. |
claude mcp add --transport http shareglow https://mcp.getshareglow.com/mcp \
--header "Authorization: Bearer sk_live_..."
Claude Desktop reaches remote servers through mcp-remote. Add to claude_desktop_config.json:
{
"mcpServers": { "shareglow": { "command": "npx", "args": ["-y", "mcp-remote", "https://mcp.getshareglow.com/mcp", "--header", "Authorization:${AUTH}"], "env": { "AUTH": "Bearer sk_live_..." } } } }
Or skip the remote and use the stdio server below.
~/.cursor/mcp.json:
{
"mcpServers": { "shareglow": { "url": "https://mcp.getshareglow.com/mcp", "headers": { "Authorization": "Bearer sk_live_..." } } } }
{
"mcpServers": { "shareglow": { "command": "npx", "args": ["-y", "shareglow-mcp"], "env": { "SHAREGLOW_API_KEY": "sk_live_..." } } } }
The key can also be passed as --api-key sk_live_.... SHAREGLOW_API_URL points the server at another REST base (default https://app.getshareglow.com).
403 insufficient_scope.401, 402, 403 and 429 become MCP tool errors (isError: true) that carry the API's message.npm install
npm run typecheck npm test npm run build npm run dev # Streamable HTTP on PORT (default 8791) npm run dev:worker # Cloudflare Worker via wrangler dev
Node 22 or newer is required.
MIT, see LICENSE.