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
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
JSON2VIDEO_API_KEY「秘密」と表示された値は、あなたのアカウントの鍵です。絶対に人に教えたり、チャットに貼り付けたりしないでください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
ウェブ、デスクトップ、モバイルのClaudeで使えます:
https://mcp.json2video.com/mcpClaude 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 日前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URLでつながるので、リモートMCPサーバーに対応したアプリ(開発者モードのChatGPTなど)でも使えます。
同じカテゴリには:Figma Context MCP, Claude Real Video, Figma MCP Server
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:★ GitHubスターi3つの柱:レビュー · チェック · 利用状況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