Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
AI filmmaking for short dramas: turn scripts into storyboards, consistent characters and AI video.
选择你使用的 AI 应用,然后复制设置。
通过 4/4 项检查 · 你的提问会经过开发者的服务器(dramacanva.com) · ✓ 命令已检查 2026年11月13日
第一步:你用哪个 AI?
选择你用的应用,步骤会显示在下方。
可连接 Claude · 约 2 分钟
不需要密钥,不用安装程序 · 在 claude.ai 或桌面应用设置一次,即可在聊天中使用 · 免费账户可添加 1 个 · Team/Enterprise 方案由所有者(Owner)添加
CustomizeConnectors
把这里的内容复制到 Claude 中同名的输入框,然后点击 Continue
DramaCanvashttps://dramacanva.com/api/mcp在 Claude 检测到的登录设置页点击 Continue · Authentication 按作者说明选择(Sign in now、Sign in when needed 或 No sign in),然后点击 Add
+ConnectorsDramaCanvas
用 DramaCanvas 告诉我你能帮我做什么,然后做一件给我看✓ 如果 Claude 说正在使用 DramaCanvas,或回答中出现 DramaCanvas 的工具名称,就表示连接成功
菜单名称已于 2026年11月11日 对照 Anthropic 帮助页面核实 · 你的界面可能因版本略有不同
能否连接 ChatGPT 取决于方案
完整 MCP:网页版 ChatGPT Business、Enterprise 或 Edu · Pro:以读取/获取权限连接,修改数据的工具可能用不了 · Plus:官方文档尚未确认,如果在插件页看到添加自定义 MCP 的选项可以试试 · 仅限网页
Plugins+Add custom MCP server
输入名称,在 Connection 下粘贴地址,勾选风险提示,然后点击 Create as a plugin
DramaCanvashttps://dramacanva.com/api/mcp开启新聊天,输入前先从插件列表中选择 DramaCanvas
用 DramaCanvas 告诉我你能帮我做什么,然后做一件给我看✓ 如果 ChatGPT 说正在使用 DramaCanvas,或回答中出现 DramaCanvas 的工具名称,就表示连接成功
菜单名称已于 2026年11月11日 对照 OpenAI 帮助页面核实 · 你的界面可能因版本略有不同
可连接 Claude Code · 约 2 分钟
不需要密钥,不用安装程序
Mac:按 Command+空格,输入 Terminal · Windows:打开 PowerShell
claude mcp add --transport http --scope user dramacanvas https://dramacanva.com/api/mcp应能看到 DramaCanvas 在列表中并显示已连接
用 DramaCanvas 告诉我你能帮我做什么,然后做一件给我看✓ 如果 Claude Code 说正在使用 DramaCanvas,或回答中出现 DramaCanvas 的工具名称,就表示连接成功
菜单名称已于 2026年11月11日 对照 Anthropic 帮助页面核实 · 你的界面可能因版本略有不同
可连接 Cursor · 约 2 分钟
不需要密钥,不用安装程序
用 DramaCanvas 告诉我你能帮我做什么,然后做一件给我看✓ 如果 Cursor 说正在使用 DramaCanvas,或回答中出现 DramaCanvas 的工具名称,就表示连接成功
菜单名称已于 2026年11月11日 对照 Cursor 帮助页面核实 · 你的界面可能因版本略有不同
可连接 VS Code · 约 2 分钟
不需要密钥,不用安装程序
用 DramaCanvas 告诉我你能帮我做什么,然后做一件给我看✓ 如果 VS Code 说正在使用 DramaCanvas,或回答中出现 DramaCanvas 的工具名称,就表示连接成功
菜单名称已于 2026年11月11日 对照 VS Code 帮助页面核实 · 你的界面可能因版本略有不同
其他支持 MCP 的应用(如 Windsurf、Zed、Gemini CLI)添加方式各不相同,请在应用列表中查看
通过网页连接的应用使用的地址
https://dramacanva.com/api/mcpJSON 设置在下方“开发者专用”中
Claude Code
claude mcp add --transport http --scope user dramacanvas https://dramacanva.com/api/mcpCursor (~/.cursor/mcp.json)
{
"mcpServers": {
"dramacanvas": {
"url": "https://dramacanva.com/api/mcp"
}
}
}VS Code (mcp.json)
{
"servers": {
"dramacanvas": {
"type": "http",
"url": "https://dramacanva.com/api/mcp"
}
}
}这些设置是根据作者在注册中心的条目生成的。如果 README 的写法不同,请以 README 为准。
依据这个服务器的连接方式和各应用自己的文档,检查于 2026年11月10日。
通过互联网连接,适用于
ClaudeChatGPTGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast
服务器要求先登录,才会列出它的工具。
我们检查的是任何人都能看到的信息;我们没有阅读代码。不适用的检查项不计入总数。 · 检查于 2026年11月13日
注册名称已通过域名 dramacanva.com 验证(注册中心会核实域名所有权)
代码最后更新于今天
不适用:由 dramacanva.com 的所有者自己运行的云端服务器,你不会运行仓库里的代码
在 407 毫秒内响应(HTTP 401)
声明支持 OAuth 登录,你的 AI 应用可以带你去登录
尚未检查;我们会在检查端点时读取工具列表
提问、分享技巧或报告无法使用。按“有帮助”数量排序。
还没有评价
与注册中心里这个分类中所有活跃的服务器比较。只有当发布者拥有该仓库时,星标数才计入。
它在 4 项适用的基础检查中通过了 4 项。我们没有阅读代码。在添加密钥或令牌之前,请先看看这个服务器要求哪些权限,并使用只具备所需权限的密钥。
注册中心没有列出必需的密钥,不过有些服务器会在首次使用时要求你登录。
它在作者的云端运行。通过互联网连接,无需安装,但你发送的内容会经过作者的服务器。
GitHub 仓库最后更新于今天,最新版本(1.0.0)于今天进入注册中心。
支持 MCP 的应用,例如 Claude Desktop、Claude Code、Cursor 和 VS Code。它通过 URL 连接,因此也能用于接受远程 MCP 的应用,例如网页版 ChatGPT(Business 及以上为完整 MCP;Pro 为只读)。
同一分类中有:Figma Context MCP, AutoClip, Next AI Draw.io
同一分类中其他作者的服务器,按星标数排序。
如何看卡片:↓ 每周下载量i★ GitHub 星标i三大支柱:评价 · 检查 · 使用情况i更新 = 最新版本发布到注册中心的时间i
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
按原文从作者的仓库复制。PopNx MCP 没有审查或背书其内容。HTML、图片和脚本已被移除。链接会离开本站。
An AI film maker you can drive from your coding agent. Connect Claude, Codex or Cursor to the DramaCanvas MCP server and turn a script into episodes, storyboards, character looks and generated video on one infinite canvas.
DramaCanvas accounts and API keys are created at dramacanva.com. Free to start; generation uses credits. View pricing at https://dramacanva.com/pricing.
*Pick a style. Write one line. The canvas lays out the rest.*
In Claude.ai or Claude Desktop, add a custom connector with the URL https://dramacanva.com/api/mcp and sign in. No API key needed.
Run the command from configs/claude-code.sh:
#!/usr/bin/env sh
claude mcp add --transport http dramacanva https://dramacanva.com/api/mcp --header "Authorization: Bearer $DRAMACANVA_API_KEY"
Run the command from configs/codex.sh:
#!/usr/bin/env sh
codex mcp add dramacanva --url https://dramacanva.com/api/mcp --bearer-token-env-var DRAMACANVA_API_KEY
For the default profile, add the configuration from configs/cursor.mcp.json:
{
"mcpServers": { "dramacanva": { "url": "https://dramacanva.com/api/mcp", "headers": { "Authorization": "Bearer ${env:DRAMACANVA_API_KEY}" } } } }
For the expert profile, add the configuration from configs/cursor-expert.mcp.json:
{
"mcpServers": { "dramacanva-expert": { "url": "https://dramacanva.com/api/mcp?profile=expert", "headers": { "Authorization": "Bearer ${env:DRAMACANVA_API_KEY}" } } } }
Paste this prompt into your connected client:
Use the script_to_storyboard prompt with this brief: "Two detectives inspect a locked vault under the city library and find a humming brass cylinder."
DramaCanvas home page with the "Let an AI Agent do it · MCP / API" box (tabs: Claude Code, Codex, Cursor, Other).
One production canvas with 126 connected nodes (character references, scene images, shot rows).
The 3D Director Console starter canvas: scene blocking -> 15-second camera rehearsal (grey-box mannequin) -> final "Spring Record" film, with the written brief beside it.
The 3D Director Console editor: camera path, performer mannequin, keyframe timeline, shot sequence.
The default profile provides 22 tools over streamable HTTP at https://dramacanva.com/api/mcp (protocol version 2025-11-25, server name dramacanvas).
| Tool | Description |
|---|---|
get_account | Read the connected DramaCanvas account. Call it first. |
list_models | List available models for image and video generation. |
| Tool | Description |
|---|---|
list_projects | List workspace projects. |
get_project | Get metadata for a project. |
create_project | Create a new project. |
import_script | Import a script into a project. |
list_units | List units and episodes within a project. |
set_unit_shots | Set shot breakdowns for empty units. |
get_unit_workspace | Get workspace context for a unit. |
| Tool | Description |
|---|---|
create_canvas | Create a new infinite canvas. |
link_canvas_to_project | Link a canvas to a specific project. |
canvas_list_node_types | List supported canvas node types and schemas. |
canvas_get_state | Retrieve current canvas state and snapshot hash. |
canvas_read_storyboard | Read storyboard structure and node data from a canvas. |
canvas_apply_ops | Apply operations to canvas objects with snapshot hash validation. |
canvas_create_storyboard | Create storyboard layouts on the canvas. |
get_canvas_link | Get a browser URL to open the canvas. |
canvas_preview_changes | Preview planned canvas edits before applying them. |
canvas_delete_objects | Delete specified objects from the canvas. |
| Tool | Description |
|---|---|
generate_media | Submit media generation requests. Charges credits immediately. |
get_generation | Get status of a single generation task (waitSeconds up to 50). |
wait_generations | Wait for 1–20 generation tasks (mode any/all, waitSeconds 0–50). |
Connect to https://dramacanva.com/api/mcp?profile=expert to enable the expert profile. This profile adds character versions, revising existing shots, assets, the hosted Agent (agent_start, agent_get_run), and timeline rendering. The profile does not grant extra permissions. What a client can call is the profile intersected with the key scopes. Always read tools/list and only call tools that are listed. OAuth scopes include account:read, models:read, projects:read, projects:write, canvas:read, canvas:write, tasks:read, tasks:write, assets:read, assets:write, agent:run, and offline_access.
Read prompts via prompts/list. Each prompt takes a required brief (script or creative brief) and optional canvasId and projectId. character_lookbook and one_click_short_video are listed only in the expert profile.
| Prompt | Description | Argument |
|---|---|---|
script_to_storyboard | Turn a script into episodes and linked storyboards. | brief |
character_lookbook | Build character looks with consistent identity (expert profile). | brief |
batch_first_frames | Generate consistent first frames for storyboard shots. | brief |
one_click_short_video | Delegate a short video production task to the hosted Agent (expert profile). | brief |
DramaCanvas ships ready-made skills for short-drama and storyboard work. Open any of them on the site, or let an agent use them through the expert profile (list_skills, search_skills, get_skill, add_skill, as used by the one_click_short_video prompt). Browse all skills at https://dramacanva.com/skills.
| Skill | What it does |
|---|---|
| Canvas: One sentence to multi-episode scripts & storyboards | For short drama creators: turn one sentence and reference images into multi-episode scripts and storyboards on a canvas. |
| Turn a Novel Story into a Short Drama Script and Storyboard | Give it a story, and it organizes a short drama script and storyboard for you on the canvas. |
| Turn Novels into Short Drama Scripts, Storyboards & Clips | Turn your novel into a short drama script, character visuals, and multiple video clips. |
| Turn Stories Into AI Video Storyboards by the Second | Break your story down by the second, with camera movement, character action, and sound for each shot. |
| Script to Storyboard: Shot List With Angles & Durations | Enter script dialogue, and it generates a shot list with camera angles, framing sizes, and durations. |
| Script to Motion Comic Storyboard: Turn Story Into Shot List | Give it story text, and it generates a shot-labeled storyboard on the canvas for video beginners. |
| Short-drama shot lists that catch continuity errors | Give it a script and it generates a shot list on the canvas that keeps actions coherent for video creators. |
| Turn stories into short-drama storyboards and plan shots | Enter a story outline to generate storyboards and video clips on a canvas—great for short-drama beginners. |
| AI Video Consistency: Lock Character Looks Across Shots | Give it reference images and needs; it creates a character lock sheet on the canvas to help creators keep looks consistent. |
| Unify your short drama's visual style and storyboard images | Enter a script, set the short drama style and character looks on the canvas, and generate image requirements. |
| Story outline to shootable short script with real dialogue | For short drama beginners: enter a story and write a script on the canvas with clear action and dialogue that sounds real. |
| Dialogue Fix: Make Stiff Script Lines Sound Real | For short-drama writers: send a dialogue draft and get natural, lively lines rewritten on the canvas. |
| Short Drama Hero Entrance: Fix First 30 Seconds, 2 Rewrites | For short-drama writers: enter an entrance scene to diagnose and generate two rewritten scripts on the canvas. |
| Video Editing Rhythm: Dialogue Cuts & Transitions | Enter dialogue or plot, and AI maps out shot cuts and transitions for beginners on the canvas. |
generate_media submits and charges credits immediately, without a confirmation step. The key holder is responsible for costs.idempotencyKey of 8–128 characters. Retries reuse the same key and identical arguments.canvas_list_node_types and canvas_get_state before editing. Pass the latest snapshotHash. On a snapshot conflict, re-read, revise, and use a new key.