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
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม 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": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http json2video https://mcp.json2video.com/mcpclaude mcp add json2video --env JSON2VIDEO_API_KEY='ใส่ค่าของคุณ' -- 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": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .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": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ChatGPT ต่อได้เฉพาะ server ที่อยู่บนอินเทอร์เน็ต:
https://mcp.json2video.com/mcpชื่อเมนูอาจต่างกันเล็กน้อยตามแพ็กเกจและรุ่นของแอป
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
ยังไม่ได้อ่านรายการเครื่องมือของตัวนี้ เราตรวจ endpoint ทีละชุดวนไป
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 6 พ.ย. 2569
ชื่อใน registry ยืนยันโดเมน json2video.com แล้ว (registry ตรวจความเป็นเจ้าของโดเมน)
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: JSON2VIDEO_API_KEY
ได้ทั้งสองแบบ จะลงในเครื่องหรือต่อผ่านคลาวด์ก็ได้
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.1.6) เข้า registry 9 วันที่ผ่านมา
โปรแกรมที่รองรับ 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
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