Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Description from the maker (original English)
Video API for automated video production at scale: templates, AI voiceovers, subtitles, AI images
These three are never merged into one score: opinions, measurements and popularity are different things.
We have not written a plain-language summary for this one yet. Below are the facts we read from the registry.
Pick the AI app you use, then copy the settings.
JSON2VIDEO_API_KEYValues marked secret are keys to your account. Never share them or paste them into a chat.
You need
Which app do you use?
Pick your app above. We remember it, so next time the button says “Install in …”.
Works in Claude on the web, desktop and mobile:
https://mcp.json2video.com/mcpOpen Claude Desktop → Settings → Developer → Edit Config, and paste this into claude_desktop_config.json
{
"mcpServers": {
"json2video": {
"command": "npx",
"args": [
"-y",
"@json2video/cli",
"mcp",
"run"
],
"env": {
"JSON2VIDEO_API_KEY": "your-value"
}
}
}
}Run this in your terminal
claude mcp add --transport http json2video https://mcp.json2video.com/mcpclaude mcp add json2video --env JSON2VIDEO_API_KEY=your-value -- npx -y @json2video/cli mcp runFill in the empty values before running it.
Paste into .cursor/mcp.json in your project, or ~/.cursor/mcp.json
{
"mcpServers": {
"json2video": {
"url": "https://mcp.json2video.com/mcp"
}
}
}Paste into .cursor/mcp.json in your project, or ~/.cursor/mcp.json
{
"mcpServers": {
"json2video": {
"command": "npx",
"args": [
"-y",
"@json2video/cli",
"mcp",
"run"
],
"env": {
"JSON2VIDEO_API_KEY": "your-value"
}
}
}
}Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.
Paste into .vscode/mcp.json in your project
{
"servers": {
"json2video": {
"type": "http",
"url": "https://mcp.json2video.com/mcp"
}
}
}Paste into .vscode/mcp.json in your project
{
"servers": {
"json2video": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@json2video/cli",
"mcp",
"run"
],
"env": {
"JSON2VIDEO_API_KEY": "your-value"
}
}
}
}Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.
ChatGPT connects only to servers on the internet:
https://mcp.json2video.com/mcpMenu names can differ slightly by plan and over time.
Your choice stays on this device in a cookie; no account needed.
These settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.
We have not read this server’s tool list yet; we check endpoints in rotation.
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 6, 2026
The registry name was verified against the domain json2video.com (the registry checks domain ownership)
We have not read this repo from GitHub yet
We have not read this repo from GitHub yet
Not checked yet; we check endpoints in rotation
Not checked yet; we check endpoints in rotation
Not checked yet; we read the tool list when we check the endpoint
Compared with every active server in this category in the registry. Stars count only when the publisher owns the repo.
It passed 1 of 1 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: JSON2VIDEO_API_KEY
Either way works: install it on your computer or connect to the cloud version.
The GitHub repo last changed –, and the latest version (1.1.6) reached the registry 9 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 in developer mode.
In the same category: Figma Context MCP, Claude Real Video, Figma MCP Server
Servers in the same category from other makers, sorted by stars.
Reading a card:★ 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.
Let any LLM watch a video locally — and search everything it has ever watched.
Figma’s official server gives AI your design data so it can turn designs into code or describe them accurately. Connects to Figma’s cloud.
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.
Official Model Context Protocol server for [JSON2Video](https://json2video.com/?utm_source=github&utm_medium=mcp-directory&utm_campaign=mcp-listing), the video API for automated video production at scale.
Connect your AI agent (Claude, Cursor, VS Code, Windsurf, Cline…) to JSON2Video and let it produce finished MP4 videos: build a video from reusable templates, add AI voiceovers, subtitles, AI-generated images and video, render it in the cloud and get back a URL you can publish.
Built and maintained by the JSON2Video team. Two ways to use it: connect to the hosted remote server by URL (no install, sign in with your JSON2Video account), or run the local server from the @json2video/cli npm package over stdio.
Listed in the official MCP Registry as com.json2video/mcp.
The easiest way. Add this URL to your AI app as a custom MCP server:
https://mcp.json2video.com/mcp
The first time, the app sends you to JSON2Video to sign in and approve the connection (" wants to connect to your JSON2Video account", Allow / Cancel). No API key to copy, nothing to install. Renders use the credits of the account you sign in with.
claude mcp add --transport http json2video https://mcp.json2video.com/mcp
then run /mcp and authenticate.
~/.cursor/mcp.json): {
"mcpServers": { "json2video": { "url": "https://mcp.json2video.com/mcp" } } }
- **VS Code** (`.vscode/mcp.json`):
{
"servers": { "json2video": { "type": "http", "url": "https://mcp.json2video.com/mcp" } } }
Connected apps. Each app you allow gets its own API key, named (connected app), listed in Dashboard → API Keys. To disconnect an app, open Dashboard → Account → Connected apps and click Revoke: its access and its key are removed. An account can have up to 20 API keys.
No browser sign-in? For servers, CI and scripts, send an API key instead, as Authorization: Bearer YOUR_API_KEY or x-api-key: YOUR_API_KEY:
claude mcp add --transport http json2video https://mcp.json2video.com/mcp \
--header "Authorization: Bearer YOUR_API_KEY"
Limits. A render returns a project ID quickly and the assistant checks its progress (check_status, list_recent_renders), so long videos keep rendering in the background. media_upload on the remote server accepts public URLs only (up to 50 MB); to use files from your computer, upload them in the dashboard or use the local server.
Step-by-step guides and troubleshooting: MCP server documentation.
Use the local server for offline work, CI, editors that only support local (stdio) servers, or to upload files from your disk.
Install the plugin from this repository. Claude Code asks for your API key and stores it securely:
/plugin install json2video --marketplace JSON2Video/json2video-mcp
On older Claude Code versions, run /plugin marketplace add JSON2Video/json2video-mcp first, then /plugin install json2video@json2video.
The quickest way, from your project folder:
npm install -g @json2video/cli
json2video auth --api-key YOUR_API_KEY json2video mcp install claude
This adds the server to the project's .mcp.json and installs the create-video skill. Use cursor or vscode instead of claude for those editors. Or add it by hand:
claude mcp add json2video --env JSON2VIDEO_API_KEY=YOUR_API_KEY -- npx -y @json2video/cli mcp run
Add this to your client's MCP configuration file (claude_desktop_config.json, ~/.cursor/mcp.json, ~/.codeium/windsurf/mcp_config.json…):
{
"mcpServers": { "json2video": { "command": "npx", "args": ["-y", "@json2video/cli", "mcp", "run"], "env": { "JSON2VIDEO_API_KEY": "YOUR_API_KEY" } } } }
Add this to .vscode/mcp.json:
{
"servers": { "json2video": { "type": "stdio", "command": "npx", "args": ["-y", "@json2video/cli", "mcp", "run"], "env": { "JSON2VIDEO_API_KEY": "YOUR_API_KEY" } } } }
Restart your client after saving. Full instructions for every editor: MCP server documentation.
| Tool | What it does |
|---|---|
render_video | Render a video from a movie JSON or from a template with variables. Returns the video URL. |
check_status | Check the rendering status of a video project. |
validate_movie | Validate a movie JSON without rendering it. |
list_templates | List the templates in your account. |
list_featured_templates | List the templates in the public template library. |
get_template | Get a template's variables or its full source. |
save_template | Save a movie JSON as a reusable template. |
get_example | Get an example movie JSON. |
get_help | Get help on the movie JSON syntax, elements and transitions. |
list_recent_renders | List your latest renders so a video can be found again. |
get_account | Get account information and remaining credits. |
media_list | List files in your media storage. |
media_get | Get a file's details and download URL. |
media_upload | Upload a file from a local path or a public URL (the remote server accepts public URLs only). |
media_delete | Delete a file from your media storage. |
The plugin and the local configs above run npx -y @json2video/cli mcp run. npx downloads the published @json2video/cli package from npm and starts the MCP server locally over stdio. The server sends your requests (movie JSON, template variables, media files you choose to upload) to the JSON2Video API at api.json2video.com, authenticated with your API key. To answer help and example requests it also downloads public reference files (documentation, examples, voice and music lists) from cdn.json2video.com and JSON2Video's public S3 buckets. It sends no data to any other service.
With the remote server, your AI app sends the same requests to mcp.json2video.com, which calls the JSON2Video API on your behalf with the key created for that connection. Nothing is sent to any other service.
| Environment variable | Required | Description |
|---|---|---|
JSON2VIDEO_API_KEY | Yes | Your JSON2Video API key. |
JSON2VIDEO_TIMEOUT | No | Maximum time to wait for a render, in seconds (default 240). |
Renders use the credits of your JSON2Video account. Free accounts include credits to try it out; see pricing.
https://mcp.json2video.com/mcp@json2video/cli on npmMIT