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/mcpClaude が検出したサインイン設定の画面で Continue を押す · Authentication は作者の説明どおり(Sign in now・Sign in when needed・No sign in)を選び Add を押します
+ConnectorsDramaCanvas
DramaCanvas を使って、私に何ができるか教えて、1 つやってみせて✓ Claude が DramaCanvas を使っていると言うか、回答に DramaCanvas のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
ChatGPT との接続はプランしだい
フル MCP:Web 版 ChatGPT の Business・Enterprise・Edu · Pro:読み取り/取得の権限で接続、データを変えるツールは使えないことがあります · Plus:公式ドキュメントで未確認。プラグイン画面にカスタム MCP を追加する項目があれば試せます · Web のみ
Plugins+Add custom MCP server
名前を入れ、Connection にアドレスを貼り付け、注意事項にチェックして Create as a plugin を押します
DramaCanvashttps://dramacanva.com/api/mcp新しいチャットを開き、入力前にプラグインの一覧から DramaCanvas を選びます
DramaCanvas を使って、私に何ができるか教えて、1 つやってみせて✓ 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/mcpDramaCanvas が一覧にあり、接続済みと表示されれば OK です
DramaCanvas を使って、私に何ができるか教えて、1 つやってみせて✓ Claude Code が DramaCanvas を使っていると言うか、回答に DramaCanvas のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Cursor につなげます · 約 2 分
キー不要、インストール不要
DramaCanvas を使って、私に何ができるか教えて、1 つやってみせて✓ Cursor が DramaCanvas を使っていると言うか、回答に DramaCanvas のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
VS Code につなげます · 約 2 分
キー不要、インストール不要
DramaCanvas を使って、私に何ができるか教えて、1 つやってみせて✓ VS Code が DramaCanvas を使っていると言うか、回答に DramaCanvas のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Windsurf、Zed、Gemini CLI など MCP を使える他のアプリは追加方法がそれぞれ違います。アプリ一覧で確認してください
Web 経由でつなぐアプリ用のアドレス
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)がレジストリに届いたのは今日です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URL で接続するので、リモート MCP を受け付けるアプリでも使えます。例:Web 版 ChatGPT(Business 以上はフル MCP、Pro は読み取りのみ)。
同じカテゴリには:Figma Context MCP, AutoClip, Next AI Draw.io
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:↓ 週あたりのダウンロードi★ GitHubスターi3つの柱:レビュー · チェック · 利用状況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.