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.
Pick the AI app you use, then copy the settings.
Passed 4/4 checks · What you ask goes through the maker’s server (mcp.livereacting.com) · ✓ Commands checked Nov 13, 2026
First: which AI do you use?
Pick your app and the steps appear below.
Works with Claude · about 5 min
You need a LiveReacting key (create it on the maker’s site) · Set it up once on claude.ai or the desktop app, then use it in chat · free accounts can add 1 · on Team/Enterprise an Owner adds it
Open the maker’s site, sign up and create an API key for the next step. Check the maker’s site for pricing and free plans.
CustomizeConnectors
Copy each value into the field with the same name in Claude, then click Continue
LiveReactinghttps://mcp.livereacting.com/mcpUnder Request headers, add this name and value
AuthorizationBearer <paste your key here>Paste the key only into the app’s field, never into a chat or to anyone
Click Continue past the sign-in settings Claude detected · under Authentication choose what the maker says (Sign in now, Sign in when needed or No sign in), then click Add
+ConnectorsLiveReacting
Use LiveReacting and tell me what you can do for me, then show me one thing✓ If Claude says it is using LiveReacting or shows a LiveReacting tool in the answer, you are connected
Menu names checked against Anthropic’s help page on Nov 11, 2026 · your screen may differ slightly by app version
ChatGPT cannot connect LiveReacting yet
LiveReacting needs your own key to connect, but OpenAI’s help page only describes OAuth sign-in; there is no key option we could verify
A · Use an app that can connect LiveReacting
B · Others in Design, images & audio that work with ChatGPT
Picked from the most used in the same category, only ones that connect by address with no key
Works with Claude Code · about 5 min
You need a LiveReacting key (create it on the maker’s site)
Open the maker’s site, sign up and create an API key for the next step. Check the maker’s site for pricing and free plans.
Mac: press Command+Space and type Terminal · Windows: open PowerShell
claude mcp add --transport http --scope user livereacting https://mcp.livereacting.com/mcp --header 'Authorization: Bearer your-value'Replace “your-value” with your key before pressing Enter
Paste the key only into the app’s field, never into a chat or to anyone
You should see LiveReacting listed as connected
Use LiveReacting and tell me what you can do for me, then show me one thing✓ If Claude Code says it is using LiveReacting or shows a LiveReacting tool in the answer, you are connected
Menu names checked against Anthropic’s help page on Nov 11, 2026 · your screen may differ slightly by app version
Works with Cursor · about 5 min
You need a LiveReacting key (create it on the maker’s site)
Open the maker’s site, sign up and create an API key for the next step. Check the maker’s site for pricing and free plans.
In the LiveReacting settings, Authorization is empty; add your key and save
Paste the key only into the app’s field, never into a chat or to anyone
Use LiveReacting and tell me what you can do for me, then show me one thing✓ If Cursor says it is using LiveReacting or shows a LiveReacting tool in the answer, you are connected
Menu names checked against Cursor’s help page on Nov 11, 2026 · your screen may differ slightly by app version
Works with VS Code · about 5 min
You need a LiveReacting key (create it on the maker’s site)
Open the maker’s site, sign up and create an API key for the next step. Check the maker’s site for pricing and free plans.
In the LiveReacting settings, Authorization is empty; add your key and save
Paste the key only into the app’s field, never into a chat or to anyone
Use LiveReacting and tell me what you can do for me, then show me one thing✓ If VS Code says it is using LiveReacting or shows a LiveReacting tool in the answer, you are connected
Menu names checked against VS Code’s help page on Nov 11, 2026 · your screen may differ slightly by app version
Other apps that use MCP, such as Windsurf, Zed or Gemini CLI, each add servers differently. See how in the app list.
Address for apps that connect over the web
https://mcp.livereacting.com/mcpJSON settings are under “For developers” below
Claude Code
claude mcp add --transport http --scope user livereacting https://mcp.livereacting.com/mcp --header 'Authorization: Bearer your-value'Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"livereacting": {
"url": "https://mcp.livereacting.com/mcp",
"headers": {
"Authorization": "Bearer your-value"
}
}
}
}VS Code (mcp.json)
{
"servers": {
"livereacting": {
"type": "http",
"url": "https://mcp.livereacting.com/mcp",
"headers": {
"Authorization": "Bearer your-value"
}
}
}
}These settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.
Based on how this server connects and on each app’s own docs, checked Nov 10, 2026.
Connect over the internet in
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast
The server asks you to sign in before it lists its tools.
We check information anyone can see; we have not read the code. Checks that do not apply are left out of the count. · Checked Nov 13, 2026
The registry name was verified against the domain livereacting.com (the registry checks domain ownership)
Code last changed 13 days ago
Not applicable: a cloud server run by the owner of livereacting.com; you don't run code from the repo
Responded in 378 ms (HTTP 401)
Declares OAuth sign-in, so your AI app can take you to log in
Not checked yet; we read the tool list when we check the endpoint
Ask, share a tip or report that it does not work. Sorted by what people marked helpful.
No posts yet. Be the first to ask or share.
Posts here are written by users, not the PopNx team.
No reviews yet
Compared with every active server in this category in the registry. Stars count only when the publisher owns the repo.
It passed 4 of 4 applicable basic checks. We have not read the code. Before adding a key or token, see what access the server asks for and use a key with only the permissions you need.
You need to fill in: Authorization
It runs in the maker’s cloud. Connect over the internet with nothing to install, but what you send passes through the maker’s servers.
The GitHub repo last changed 13 days ago, and the latest version (1.2.0) reached the registry 42 days ago.
Apps that support MCP, such as Claude Desktop, Claude Code, Cursor and VS Code. It connects by URL, so apps that accept remote MCP servers work too, such as ChatGPT on the web (full MCP on Business and above; Pro read-only).
In the same category: Figma Context MCP, AutoClip, Next AI Draw.io
Servers in the same category from other makers, sorted by stars.
Reading a card:↓ Downloads per weeki★ GitHub starsiThree pillars: reviews · checks · usageiUpdated = latest version published to the registryi
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Clip long videos into short clips with covers and captions. Local CLI and MCP.
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
Copied from the maker’s repo as written. PopNx MCP has not reviewed or endorsed it. HTML, images and scripts are removed. Links lead off this site.
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