Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者提供的说明(英文原文)
Video API for automated video production at scale: templates, AI voiceovers, subtitles, AI images
这三项永远不会合并成一个分数:意见、测量和人气是不同的东西。
我们还没有为它写通俗的介绍。下面是我们从注册中心读取到的事实。
选择你使用的 AI 应用,然后复制设置。
JSON2VIDEO_API_KEY标为机密的值是你账户的钥匙。千万不要分享给别人,也不要粘贴到聊天里。
你需要
你用的是哪个应用?
在上方选择你的应用。我们会记住它,下次按钮会显示“安装到 …”。
适用于网页版、桌面版和手机版 Claude:
https://mcp.json2video.com/mcp打开 Claude Desktop → Settings → Developer → Edit Config,把下面的内容粘贴到 claude_desktop_config.json
{
"mcpServers": {
"json2video": {
"command": "npx",
"args": [
"-y",
"@json2video/cli",
"mcp",
"run"
],
"env": {
"JSON2VIDEO_API_KEY": "your-value"
}
}
}
}在终端中运行这条命令
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 run运行前请先填写空着的值。
粘贴到项目中的 .cursor/mcp.json,或 ~/.cursor/mcp.json
{
"mcpServers": {
"json2video": {
"url": "https://mcp.json2video.com/mcp"
}
}
}粘贴到项目中的 .cursor/mcp.json,或 ~/.cursor/mcp.json
{
"mcpServers": {
"json2video": {
"command": "npx",
"args": [
"-y",
"@json2video/cli",
"mcp",
"run"
],
"env": {
"JSON2VIDEO_API_KEY": "your-value"
}
}
}
}浏览器会先询问是否打开应用,然后应用会显示设置并请你确认。密钥的值会留空,由你自己填写。
粘贴到项目中的 .vscode/mcp.json
{
"servers": {
"json2video": {
"type": "http",
"url": "https://mcp.json2video.com/mcp"
}
}
}粘贴到项目中的 .vscode/mcp.json
{
"servers": {
"json2video": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@json2video/cli",
"mcp",
"run"
],
"env": {
"JSON2VIDEO_API_KEY": "your-value"
}
}
}
}浏览器会先询问是否打开应用,然后应用会显示设置并请你确认。密钥的值会留空,由你自己填写。
ChatGPT 只能连接互联网上的服务器:
https://mcp.json2video.com/mcp菜单名称可能因套餐和版本不同而略有差异。
你的选择通过 Cookie 保存在这台设备上,无需账户。
这些设置是根据作者在注册中心的条目生成的。如果 README 的写法不同,请以 README 为准。
我们还没有读取这个服务器的工具列表;我们会轮流检查各个端点。
我们检查的是任何人都能看到的信息;我们没有阅读代码。不适用的检查项不计入总数。 · 检查于 2026年11月6日
注册名称已通过域名 json2video.com 验证(注册中心会核实域名所有权)
我们还没有从 GitHub 读取这个仓库
我们还没有从 GitHub 读取这个仓库
尚未检查;我们会轮流检查各个端点
尚未检查;我们会轮流检查各个端点
尚未检查;我们会在检查端点时读取工具列表
与注册中心里这个分类中所有活跃的服务器比较。只有当发布者拥有该仓库时,星标数才计入。
它在 1 项适用的基础检查中通过了 1 项。我们没有阅读代码。在添加密钥或令牌之前,请先看看这个服务器要求哪些权限,并使用只具备所需权限的密钥。
你需要填写:JSON2VIDEO_API_KEY
两种方式都可以:安装在你的电脑上,或者连接云端版本。
GitHub 仓库最后更新于–,最新版本(1.1.6)于9天前进入注册中心。
支持 MCP 的应用,例如 Claude Desktop、Claude Code、Cursor 和 VS Code。它通过 URL 连接,所以接受远程 MCP 服务器的应用也可以使用,例如开启开发者模式的 ChatGPT。
同一分类中有:Figma Context MCP, Claude Real Video, Figma MCP Server
同一分类中其他作者的服务器,按星标数排序。
如何看卡片:★ GitHub 星标i三大支柱:评价 · 检查 · 使用情况i更新 = 最新版本发布到注册中心的时间i
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.
The Figma MCP server brings Figma design context directly into your AI workflow.
按原文从作者的仓库复制。PopNx MCP 没有审查或背书其内容。HTML、图片和脚本已被移除。链接会离开本站。
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