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) · ✓ ตรวจคำสั่งแล้ว 13 พ.ย. 2569
ขั้นแรก: คุณใช้ AI ตัวไหน
เลือกแอปที่คุณใช้ ขั้นตอนจะขึ้นด้านล่าง
ต่อกับ Claude ได้ · ประมาณ 2 นาที
ไม่ต้องใช้คีย์ ไม่ต้องลงโปรแกรม · ตั้งครั้งเดียวที่ claude.ai หรือแอปบนคอม แล้วใช้ในแชตได้ · บัญชีฟรีเพิ่มได้ 1 ตัว · แผน Team/Enterprise ให้เจ้าของ (Owner) เป็นคนเพิ่ม
CustomizeConnectors
คัดลอกจากที่นี่ไปวางในช่องชื่อเดียวกันบนหน้าจอของ Claude แล้วกด Continue
DramaCanvashttps://dramacanva.com/api/mcpกด Continue ผ่านหน้าตรวจการล็อกอินที่ Claude ตรวจเจอ · หัวข้อ Authentication เลือกตามที่ผู้ทำบอก (Sign in now, Sign in when needed หรือ No sign in) แล้วกด Add
+ConnectorsDramaCanvas
ใช้ DramaCanvas บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง✓ ถ้า Claude บอกว่ากำลังใช้ DramaCanvas หรือมีชื่อเครื่องมือของ DramaCanvas ขึ้นในคำตอบ แปลว่าต่อสำเร็จ
ชื่อเมนูตรวจกับหน้าช่วยเหลือของ Anthropic เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป
ต่อกับ 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 ขึ้นในคำตอบ แปลว่าต่อสำเร็จ
ชื่อเมนูตรวจกับหน้าช่วยเหลือของ OpenAI เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป
ต่อกับ Claude Code ได้ · ประมาณ 2 นาที
ไม่ต้องใช้คีย์ ไม่ต้องลงโปรแกรม
Mac: กด Command+Space พิมพ์ Terminal · Windows: เปิด PowerShell
claude mcp add --transport http --scope user dramacanvas https://dramacanva.com/api/mcpต้องเห็น DramaCanvas ในรายการและขึ้นว่าเชื่อมต่อแล้ว
ใช้ DramaCanvas บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง✓ ถ้า Claude Code บอกว่ากำลังใช้ DramaCanvas หรือมีชื่อเครื่องมือของ DramaCanvas ขึ้นในคำตอบ แปลว่าต่อสำเร็จ
ชื่อเมนูตรวจกับหน้าช่วยเหลือของ Anthropic เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป
ต่อกับ Cursor ได้ · ประมาณ 2 นาที
ไม่ต้องใช้คีย์ ไม่ต้องลงโปรแกรม
ใช้ DramaCanvas บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง✓ ถ้า Cursor บอกว่ากำลังใช้ DramaCanvas หรือมีชื่อเครื่องมือของ DramaCanvas ขึ้นในคำตอบ แปลว่าต่อสำเร็จ
ชื่อเมนูตรวจกับหน้าช่วยเหลือของ Cursor เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป
ต่อกับ VS Code ได้ · ประมาณ 2 นาที
ไม่ต้องใช้คีย์ ไม่ต้องลงโปรแกรม
ใช้ DramaCanvas บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง✓ ถ้า VS Code บอกว่ากำลังใช้ DramaCanvas หรือมีชื่อเครื่องมือของ DramaCanvas ขึ้นในคำตอบ แปลว่าต่อสำเร็จ
ชื่อเมนูตรวจกับหน้าช่วยเหลือของ VS Code เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป
โปรแกรมอื่นที่ใช้ MCP ได้ เช่น Windsurf, Zed หรือ Gemini CLI มีวิธีเพิ่มต่างกัน ดูวิธีของแต่ละตัวในหน้ารวมโปรแกรม
ที่อยู่สำหรับโปรแกรมที่ต่อผ่านเว็บ
https://dramacanva.com/api/mcpค่าตั้งแบบไฟล์ JSON อยู่ในหัวข้อ “สำหรับคนเขียนโค้ด” ด้านล่าง
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"
}
}
}ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
ดูจากแบบการต่อของ server ตัวนี้ และเอกสารของผู้ทำโปรแกรมแต่ละตัว ตรวจเมื่อ 10 พ.ย. 2569
ต่อผ่านคลาวด์ได้ใน
ClaudeChatGPTGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast
server ให้ล็อกอินก่อนจึงจะแสดงรายการเครื่องมือ
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 13 พ.ย. 2569
ชื่อใน registry ยืนยันโดเมน dramacanva.com แล้ว (registry ตรวจความเป็นเจ้าของโดเมน)
มีการแก้โค้ดล่าสุด วันนี้
ไม่เกี่ยว: server บนคลาวด์ของเจ้าของ dramacanva.com เอง คุณไม่ได้รันโค้ดจากรีโป
ตอบกลับใน 407 ms (HTTP 401)
ประกาศวิธีล็อกอินแบบ OAuth ให้โปรแกรม AI พาไปล็อกอินเอง
ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint
ถาม แชร์เคล็ดลับ หรือแจ้งว่าใช้ไม่ได้ เรียงตามที่คนกดว่ามีประโยชน์
ยังไม่มีใครโพสต์ ถามหรือแชร์เป็นคนแรกได้เลย
ข้อความในส่วนนี้เขียนโดยผู้ใช้ ไม่ใช่ทีม PopNx
ยังไม่มีรีวิว
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 4 จาก 4 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
รันบนคลาวด์ของผู้ทำ ต่อผ่านอินเทอร์เน็ตได้เลย ไม่ต้องลงโปรแกรม แต่ข้อมูลที่ส่งให้จะผ่านเซิร์ฟเวอร์ของผู้ทำ
repo บน GitHub มีการแก้โค้ดล่าสุด วันนี้ และส่งรุ่นล่าสุด (1.0.0) เข้า registry วันนี้
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต่อผ่าน URL จึงใช้กับโปรแกรมที่รับ remote MCP ได้ เช่น ChatGPT บนเว็บ (แบบเต็มในแผน Business ขึ้นไป · Pro แบบอ่านอย่างเดียว)
ในหมวดเดียวกันมี Figma Context MCP, AutoClip, Next AI Draw.io
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:↓ ดาวน์โหลดต่อสัปดาห์i★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Clip long videos into short clips with covers and captions. Local CLI and MCP.
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ 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.