Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Run a 24/7 live stream of pre-recorded videos, or live stream a recorded video at a set time.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
Authorizationค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ที่อยู่นี้ต้องใส่ key ใน header ของคำขอ ซึ่งเมนูเพิ่ม connector ใส่ให้ไม่ได้ ใช้ Claude Code, Cursor หรือ VS Code แทน
พิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http livereacting https://mcp.livereacting.com/mcp --header 'Authorization: ใส่ค่าของคุณ'เติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"livereacting": {
"url": "https://mcp.livereacting.com/mcp",
"headers": {
"Authorization": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"livereacting": {
"type": "http",
"url": "https://mcp.livereacting.com/mcp",
"headers": {
"Authorization": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ที่อยู่นี้ต้องใส่ key ใน header ของคำขอ ซึ่งเมนูเพิ่ม connector ใส่ให้ไม่ได้ ใช้ Claude Code, Cursor หรือ VS Code แทน
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
Authorization ความลับ จำเป็น HTTP headerค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
ยังไม่ได้อ่านรายการเครื่องมือของตัวนี้ เราตรวจ endpoint ทีละชุดวนไป
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 6 พ.ย. 2569
ชื่อใน registry ยืนยันโดเมน livereacting.com แล้ว (registry ตรวจความเป็นเจ้าของโดเมน)
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: Authorization
รันบนคลาวด์ของผู้ทำ ต่อผ่านอินเทอร์เน็ตได้เลย ไม่ต้องลงโปรแกรม แต่ข้อมูลที่ส่งให้จะผ่านเซิร์ฟเวอร์ของผู้ทำ
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.2.0) เข้า registry 35 วันที่ผ่านมา
โปรแกรมที่รองรับ 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
Run live video streams from an AI agent. Build a channel from a video playlist, start it, schedule it, watch it while it runs, and read the numbers afterwards — from Claude Code, Codex, Cursor, or anything else that speaks MCP.
https://mcp.livereacting.com/mcp
Streamable HTTP. Stateless. Authenticated with your LiveReacting API key.
Full reference, with every tool, input, response field, limit and error code: developers.livereacting.com/mcp (REFERENCE.md in this repo).
API access is included with every paid plan. Create a key in the Developer section of the LiveReacting Studio. Keys start with lr_.
With an API key, an account on the Free plan gets 403 API_ACCESS_REQUIRES_PAID_PLAN on every call. With OAuth (ChatGPT, Claude), the account can connect, and each tool call returns an error that explains the plan limit. The tools start working as soon as the plan includes API access, without connecting again.
Create the key first, put it in your shell profile as LIVEREACTING_API_KEY, then paste the config below.
Every example that cannot read that variable uses lr_… as a placeholder. Do not paste a real key into a file you commit. Where a harness supports an environment variable or a prompt, the block uses it.
In .mcp.json. Claude Code expands ${VAR} in a remote server's headers (docs), so the key stays out of the file:
{
"mcpServers": { "livereacting": { "type": "http", "url": "https://mcp.livereacting.com/mcp", "headers": { "Authorization": "Bearer ${LIVEREACTING_API_KEY}" } } } }
claude mcp add --transport http livereacting https://mcp.livereacting.com/mcp --header "Authorization: Bearer lr_…" also works, but it writes the key itself into the stored config.
In ~/.codex/config.toml:
[mcp_servers.livereacting]
url = "https://mcp.livereacting.com/mcp" bearer_token_env_var = "LIVEREACTING_API_KEY"
Then export LIVEREACTING_API_KEY=lr_… in your shell profile. Prefer this over http_headers, which puts the key in the config file.
In ~/.cursor/mcp.json. Cursor resolves ${env:NAME} in headers (docs):
{
"mcpServers": { "livereacting": { "url": "https://mcp.livereacting.com/mcp", "headers": { "Authorization": "Bearer ${env:LIVEREACTING_API_KEY}" } } } }
Or install the LiveReacting plugin from the Cursor Marketplace and set LIVEREACTING_API_KEY under Plugins → Configure. The plugin is .cursor-plugin/plugin.json and mcp.json in this repo.
In .vscode/mcp.json. The inputs block makes VS Code prompt for the key instead of storing it in the repo:
{
"inputs": [ { "id": "livereacting-key", "type": "promptString", "description": "LiveReacting API key", "password": true } ], "servers": { "livereacting": { "type": "http", "url": "https://mcp.livereacting.com/mcp", "headers": { "Authorization": "Bearer ${input:livereacting-key}" } } } }
Install the extension. Gemini CLI asks for the key once and keeps it in the system keychain:
gemini extensions install https://github.com/LiveReacting/livereacting-mcp
Or, without the extension, in ~/.gemini/settings.json. Gemini CLI expands $VAR and ${VAR} in every string of the file before it validates it, headers included (docs), so the key stays out of it:
{
"mcpServers": { "livereacting": { "httpUrl": "https://mcp.livereacting.com/mcp", "headers": { "Authorization": "Bearer ${LIVEREACTING_API_KEY}" } } } }
Install this repo as a power: Powers panel → Add Custom Power → Import power from GitHub, then paste https://github.com/LiveReacting/livereacting-mcp. The power reads LIVEREACTING_API_KEY from your environment (mcp.json).
In your Zed settings.json, under context_servers, add an HTTP server pointing at the URL with an Authorization header.
Add a Remote Extension (Streamable HTTP) in Goose's settings, URL https://mcp.livereacting.com/mcp, with a custom header Authorization: Bearer lr_….
| Harness | How the key is passed |
|---|---|
| Claude Code | ${VAR} in .mcp.json headers |
| Codex CLI | bearer_token_env_var |
| Cursor | ${env:VAR} in mcp.json headers |
| VS Code Copilot | headers with a prompted input |
| GitHub Copilot coding agent | static header secret only. This product does not support OAuth remote servers, so the key path is the only path here, now and later |
| Gemini CLI | $VAR in settings.json headers |
| Kiro | ${VAR} in the power's mcp.json headers |
| Zed | headers in settings.json |
| Goose | remote extension header |
| ChatGPT | open LiveReacting in ChatGPT, click Install plugin and sign in with your LiveReacting account. See livereacting.com/chatgpt |
Protocol revisions: 2024-10-07 through 2025-11-25. If your client reports a version error, that is the first thing to check. 2026-07-28 is not supported yet — no published TypeScript SDK speaks it.
30 tools in five toolsets. Every name is prefixed livereacting_, so one search in a client that defers tool loading finds the whole server.
| Tool | What it does |
|---|---|
list_destinations | Your connected YouTube, Facebook, Twitch, LinkedIn, X and custom RTMP destinations |
validate_destinations | Checks a destination's connection still works, before you rely on it |
| Tool | What it does |
|---|---|
list_projects | Your projects |
get_project | One project's configuration |
create_project | A new project |
update_project | Change a project's settings |
get_scenes | Scenes in a project, or one scene |
manage_scene | Create, rename or delete a scene |
activate_scene | Switch the active scene, including during a broadcast |
create_scene_with_playlist | A scene plus its video playlist in one call |
add_layer | Add one video playlist, audio playlist or single video layer to an existing scene |
get_layer | One layer, with its playlist truncated for context |
set_playlist | Replace a playlist's contents |
| Tool | What it does |
|---|---|
start_stream | Go live |
stop_stream | End the broadcast |
get_stream_status | Live state, per destination, including expired connections |
schedule_stream | Go live at set times |
cancel_schedules | Cancel scheduled broadcasts |
sync_stream | Push editor changes to a running stream |
list_broadcasts | Past broadcasts for a project |
| Tool | What it does |
|---|---|
list_media | Files and folders in your library |
get_media_file | One file's details |
upload_file | Start uploading a local file: returns part URLs and curl commands |
complete_upload | Finish an upload once every part is sent |
import_media | Import from Google Drive, Dropbox or YouTube |
import_from_url | Import from a direct link to a media file on any public host |
get_import_status | Poll an import, including every video of a playlist import |
encode_media | Re-encode a file for streaming |
get_encode_status | Poll an encode |
| Tool | What it does |
|---|---|
get_stream_analytics | YouTube analytics, or per-video playlist analytics (that type on request) |
Both are query parameters on the URL, so no client support is needed.
https://mcp.livereacting.com/mcp?toolsets=streams,media
https://mcp.livereacting.com/mcp?read_only=1
read_only=1 drops every tool that can change anything. Useful for a monitoring agent you do not want touching a live broadcast.
An agent that promises any of these is lying to your customer.
upload_file returns signed part URLs and ready curl commands; the agent sends the bytes itself, then calls complete_upload.150 requests per minute per account, shared across your API keys.
REST and MCP are counted separately, so the two surfaces get 150 each rather than sharing one budget. Do not plan around that: it is an implementation detail of how the two are metered, not a promise.
A 429 comes back as a tool error that says the number and how long to wait, because the model is the one reading it. The polling tools — get_stream_status, get_import_status, get_encode_status — each document a minimum interval. Poll tighter than that and you spend your own budget on nothing.
`set_playlist` replaces the whole playlist. It is not an append. To add one video, read the layer first, then send the complete list back. The tool tells you when a write shrinks the playlist, but it will still do what you asked.
Starting and stopping a stream is not idempotent. If a call times out, ask get_stream_status what happened. Do not retry — a retry can start a second attempt.
Full MCP reference: developers.livereacting.com/mcp Full REST API reference: developers.livereacting.com Support: hello@livereacting.com Privacy policy: livereacting.com/privacy-policy