Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Free Remotion and HyperFrames templates and creative guides; optional hosted Studio workflows.
쓰고 있는 AI 앱을 고른 다음 설정을 복사하세요.
검사 4/5 통과 · 내가 묻는 내용은 제작자 서버(instavar.com)를 거쳐요
먼저: 어떤 AI를 쓰시나요?
쓰는 앱을 고르면 아래에 단계가 나옵니다.
Claude에 연결할 수 있어요 · 약 2분
키 필요 없음, 설치 필요 없음 · claude.ai나 데스크톱 앱에서 한 번 설정하면 채팅에서 쓸 수 있어요 · 무료 계정은 1개까지 · Team/Enterprise는 소유자(Owner)가 추가
CustomizeConnectors
여기서 복사해 Claude의 같은 이름 칸에 붙여 넣고 Continue를 누르세요
Instavar Video Templates and Studiohttps://instavar.com/api/mcp/templatesAuthentication은 Claude가 찾은 그대로 두고 Add를 누르세요
+ConnectorsInstavar Video Templates and Studio
Instavar Video Templates and Studio을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ Claude가 Instavar Video Templates and Studio을 쓰고 있다고 하거나 답에 Instavar Video Templates and Studio 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 Anthropic 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
ChatGPT는 기업용 요금제에서만 연결돼요
웹의 ChatGPT Business, Enterprise, Edu에서 워크스페이스 관리자나 소유자가 추가해요 · Free, Plus, Pro를 쓰면: 내 ChatGPT 요금제로는 아직 MCP를 직접 연결할 수 없어요
Plugins+Add custom MCP server
이름을 넣고 Connection에 주소를 붙여 넣은 뒤 경고에 체크하고 Create as a plugin을 누르세요
Instavar Video Templates and Studiohttps://instavar.com/api/mcp/templates새 채팅을 열고 입력 전에 플러그인 목록에서 Instavar Video Templates and Studio을 고르세요
Instavar Video Templates and Studio을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ ChatGPT가 Instavar Video Templates and Studio을 쓰고 있다고 하거나 답에 Instavar Video Templates and Studio 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 OpenAI 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
Claude Code에 연결할 수 있어요 · 약 2분
키 필요 없음, 설치 필요 없음
Mac: Command+스페이스를 누르고 Terminal 입력 · Windows: PowerShell 열기
claude mcp add --transport http --scope user instavar https://instavar.com/api/mcp/templatesInstavar Video Templates and Studio이 목록에 있고 연결됨으로 보이면 돼요
Instavar Video Templates and Studio을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ Claude Code가 Instavar Video Templates and Studio을 쓰고 있다고 하거나 답에 Instavar Video Templates and Studio 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 Anthropic 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
Cursor에 연결할 수 있어요 · 약 2분
키 필요 없음, 설치 필요 없음
Instavar Video Templates and Studio을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ Cursor가 Instavar Video Templates and Studio을 쓰고 있다고 하거나 답에 Instavar Video Templates and Studio 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 Cursor 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
VS Code에 연결할 수 있어요 · 약 2분
키 필요 없음, 설치 필요 없음
Instavar Video Templates and Studio을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ VS Code가 Instavar Video Templates and Studio을 쓰고 있다고 하거나 답에 Instavar Video Templates and Studio 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 VS Code 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
Windsurf, Zed, Gemini CLI 같은 다른 MCP 앱은 추가 방법이 저마다 달라요. 앱 목록에서 확인하세요
웹으로 연결하는 앱용 주소
https://instavar.com/api/mcp/templatesJSON 설정은 아래 “개발자용”에 있어요
Claude Code
claude mcp add --transport http --scope user instavar https://instavar.com/api/mcp/templatesCursor (~/.cursor/mcp.json)
{
"mcpServers": {
"instavar": {
"url": "https://instavar.com/api/mcp/templates"
}
}
}VS Code (mcp.json)
{
"servers": {
"instavar": {
"type": "http",
"url": "https://instavar.com/api/mcp/templates"
}
}
}Claude Code
claude mcp add --scope user instavar --env INSTAVAR_API_KEY=your-value --env INSTAVAR_BASE_URL=your-value -- npx -y @instavar/mcp-serverClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"instavar": {
"command": "npx",
"args": [
"-y",
"@instavar/mcp-server"
],
"env": {
"INSTAVAR_API_KEY": "your-value",
"INSTAVAR_BASE_URL": "your-value"
}
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"instavar": {
"command": "npx",
"args": [
"-y",
"@instavar/mcp-server"
],
"env": {
"INSTAVAR_API_KEY": "your-value",
"INSTAVAR_BASE_URL": "your-value"
}
}
}
}VS Code (mcp.json)
{
"servers": {
"instavar": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@instavar/mcp-server"
],
"env": {
"INSTAVAR_API_KEY": "your-value",
"INSTAVAR_BASE_URL": "your-value"
}
}
}
}INSTAVAR_API_KEY 비밀 envINSTAVAR_BASE_URL env이 설정은 제작자의 레지스트리 정보로 만들었어요. README와 다르면 README를 따르세요.
npm: @instavar/mcp-server이 서버의 연결 방식과 각 앱의 공식 문서를 바탕으로 했어요. 2026년 11월 10일 확인.
인터넷으로 연결하는 앱
ClaudeChatGPTGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast
내 컴퓨터에서 실행하는 앱
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
도구 이름과 설명은 서버가 2026년 11월 8일에 알려 준 그대로예요. 우리가 아니라 제작자가 쓴 글이고, 일반 텍스트로만 보여 드려요.
get_creative_guideRead practical guidance before drafting concise plain or poetic copy, choosing carousel stories, designing visuals or recording human feedback. Returns guidance for the calling assistant to apply, not generated copy or saved feedback. Omit guideId to list guides.
prepare_announcementPrepare one paired announcement-card-v1 template, continue its caller-held project, edit copy or switch frameworks. Returns source files for local rendering. For the paired announcement-card-v1 or a HyperFrames announcement request, use prepare_announcement. Never infer a framewo
prepare_video_templateValidate one VideoSpec against the paired template contract and return local source for the chosen framework, or switch an existing project's framework. For a VideoSpec template in Remotion or HyperFrames, use prepare_video_template with the VideoSpec. Never infer a framework fro
get_capabilitiesCall first. Reports public planning features and optional account features. Public access metadata does not indicate session authentication; use list_video_projects to verify private read access.
list_carousel_templatesList the account-free editorial carousel story structures.
get_carousel_schemaReturn the JSON Schema for deterministic Instavar carousel decks.
scaffold_carousel_deckBuild a deterministic editorial carousel deck from accepted copy. This does not render, save, or publish it.
list_templatesList the published video template families, each available in Remotion and HyperFrames, and optionally filter by output aspect ratio.
get_templateGet one template's purpose, aspect ratios, scene kinds, and example identifier.
get_video_schemaReturn the published JSON Schema for VideoSpec version 1.0.
get_exampleReturn a valid starter example for one template family.
propose_video_storyboardTurn an ordinary video request into a three-beat visual proposal and recommended template. Pass templateId to preserve an accepted template when changing only the aspect; omit it for a new direction. This tool does not generate images, save a project, render, or publish.
scaffold_video_specReturn a deterministic VideoSpec skeleton. This tool does not generate creative copy or write files.
get_render_instructionsReturn the clone, install, validate, preview, render, and QA workflow.
diagnose_render_errorClassify a local validation or render error and return a safe next step.
list_video_projectsList recent private Instavar video projects after the user links their account. Returns the currently resolved workspace in accountContext; billing details are included only with billing.read permission. Recorded credits are a read-only snapshot, not a reservation or render eligi
review_video_projectOpen a focused review of one private Instavar video after account linking. This tool does not edit, render, approve, or publish.
create_video_briefCreate a private hosted video and start rendering after the user confirms the complete brief and plan usage. Requires account linking. Automatic supplemental footage defaults to off; set automaticBroll to auto only if the user explicitly requests it. Preserve visual exclusions in
edit_video_briefPrepare exact title, script or caption changes for an existing private video. Returns a Studio approval link; this call does not save copy or start a render. The signed-in user must review and approve there. Approval changes the current run, consumes rerender credits and revokes
get_video_render_statusCheck the requested private render and its output URL, errors and recovery guidance. Keep workspaceId from creation. When a video is available, call review_video_project to show playback. A queued or rendering state is not completion. Do not automatically submit another render on
누구나 볼 수 있는 정보를 점검했고, 코드는 읽지 않았어요. 해당하지 않는 항목은 개수에서 뺐어요. · 2026년 11월 12일 점검
질문하고, 팁을 나누고, 안 되는 점을 알려 주세요. "도움이 됨"이 많은 순서예요.
아직 리뷰가 없어요
레지스트리에서 이 카테고리의 활성 서버 전체와 비교했어요. 스타는 게시자가 저장소를 소유한 경우에만 세요.
해당하는 기본 점검 5개 중 4개를 통과했어요. 코드는 읽지 않았어요. 키나 토큰을 넣기 전에 서버가 어떤 권한을 요구하는지 확인하고, 꼭 필요한 권한만 있는 키를 쓰세요.
입력해야 할 값: INSTAVAR_API_KEY
둘 다 가능해요. 내 컴퓨터에 설치해도 되고, 클라우드 버전에 연결해도 돼요.
GitHub 저장소는 마지막으로 15일 전 변경됐고, 최신 버전(0.7.1)은 6일 전 레지스트리에 올라왔어요.
Claude Desktop, Claude Code, Cursor, VS Code처럼 MCP를 지원하는 앱에서 쓸 수 있어요. URL로 연결되므로 원격 MCP를 지원하는 앱에서도 쓸 수 있어요. 예: ChatGPT Business 이상.
같은 카테고리에는: 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, 이미지, 스크립트는 제거했어요. 링크를 누르면 이 사이트를 벗어나요.
One MCP package starts free and grows with the work. Make local videos with Instavar's independent, open-source templates for Remotion from Claude Code or Codex without an account or API key.
Instavar is an independent project and is not affiliated with, sponsored by, or endorsed by Remotion AG. Remotion is a trademark of Remotion AG.
Add an Instavar API key when you want the hosted workflow: create → render → approve → publish → metrics. The authenticated tools are thin HTTP clients to the hosted Instavar API. The package holds no database connection and stores no data of its own. You keep the free tools and do not install a second server.
Use Instavar when an agent needs reusable video templates for Remotion or HyperFrames, creative guidance, a VideoSpec example, an editorial carousel, or help with a local render error. Call get_capabilities first, then get_creative_guide before drafting copy or design. For an ordinary video request, propose_video_storyboard suggests three visual beats and a template. Use list_templates and get_template to choose a supported structure, and get_example or scaffold_video_spec to prepare its specification. prepare_video_template turns that specification into local Remotion or HyperFrames source. get_render_instructions supplies the separate local validation, preview and render workflow. Planning and scaffolding do not render, upload or publish media.
Prefer a hosted HTTP connection for browser-based agents? Use https://instavar.com/api/mcp/templates, also listed as Instavar Video Templates on Smithery. It offers the same account-free template, storyboard and carousel tools, plus a ChatGPT planner widget. Its optional OAuth tools list and review private projects only. It is not the full protected Studio endpoint. Public planning does not require an Instavar account; a directory or gateway may require its own login.
Hosted Studio production is optional and may incur costs. Never treat a request to plan a video as permission to render a paid job or publish a social post.
The MCP host supplies the general-purpose LLM.
The MCP server does not provide Sonnet, GPT, or another general-purpose model. It exposes typed Instavar capabilities to the model already running in the user's host. Depending on the host and sign-in method, that model usage may draw from a personal or workspace subscription, separate usage credits, or API billing. Those provider rules can change.
Local Remotion rendering uses your own machine. Instavar meters or charges its hosted services, including rendering, storage, specialist media generation, QA, publishing, and other declared job costs. Using a subscription-backed agent does not make those services free.
For public setup guidance and examples, see Instavar video templates.
Add the server to your MCP client config:
{
"mcpServers": { "instavar": { "command": "npx", "args": ["-y", "@instavar/mcp-server"] } } }
This starts with the free local template tools. To unlock hosted Studio tools, create an API key at https://instavar.com/studio/settings, then add it:
{
"mcpServers": { "instavar": { "command": "npx", "args": ["-y", "@instavar/mcp-server"], "env": { "INSTAVAR_API_KEY": "ik_live_..." } } } }
Restart the client. The free tools appear in both modes. Hosted tools appear when the key is configured.
| Var | Required | Default | Purpose |
|---|---|---|---|
INSTAVAR_API_KEY | no | — | Unlocks hosted Studio tools. Scoped to your org; revocable. |
INSTAVAR_BASE_URL | no | https://instavar.com | Override the API host. |
INSTAVAR_PAIRED_TEMPLATES | no | on | Set to 0 to hide prepare_video_template and keep the VideoSpec tools Remotion-only. |
From npm 0.6.0 the package also includes prepare_announcement: one paired announcement card for Remotion and HyperFrames. It returns local source and a portable copy document, not a saved hosted project or rendered video. Ask for a framework when it is unspecified; continue with the latest returned project and matching expectedRevision. Only title, body and action survive a framework switch.
From npm 0.7.0, prepare_video_template realises one VideoSpec for any of the five template families in Remotion (the public renderer, pinned) or HyperFrames (generated source). Both frameworks accept the same fields; a field neither renderer honours is rejected rather than dropped. 0.7.0 also adds the storyboard and carousel tools the hosted endpoint already had, from the same code, and the hosted tools below now reject unknown input keys instead of dropping them.
Free local tools:
| Tool | What it does |
|---|---|
get_capabilities | Reports free and optional account features. |
get_creative_guide | Reads concise copy, story, design and review guidance. |
propose_video_storyboard | Proposes three visual beats and a template. |
list_templates | Lists published template families. |
get_template | Returns one template contract. |
get_video_schema | Returns the public VideoSpec JSON Schema. |
get_example | Returns a starter VideoSpec. |
scaffold_video_spec | Creates a deterministic VideoSpec skeleton. |
prepare_video_template | Realises a VideoSpec in Remotion or HyperFrames. |
prepare_announcement | Prepares one paired announcement card. |
list_carousel_templates | Lists the editorial carousel story structures. |
get_carousel_schema | Returns the CarouselDeck JSON Schema. |
scaffold_carousel_deck | Builds a deterministic carousel deck from copy. |
get_render_instructions | Returns the local validation and render workflow. |
diagnose_render_error | Classifies common local render failures. |
Hosted tools, available when INSTAVAR_API_KEY is configured:
| Tool | What it does |
|---|---|
list_jobs | List recent jobs (newest first). |
get_job_status | Runs, artifacts, verifications, current video + thumbnail URLs. |
get_video_state | Materialized composition state for a job. |
diagnose_render | Read-only joined render diagnosis with evidence limits and retry recommendations. |
get_job_metrics | Platform engagement snapshots for a published job. |
get_cost_summary | Infra cost summary (Lambda / RunPod / R2 / WaveSpeed / PoYo). |
inspect_workflow | Read the current workflow and its version history. |
create_video_brief | Create a job from a structured brief and start rendering. |
edit_video_brief | Patch a brief (incl. objective / publishTarget); re-renders unless only publishTarget changed. |
retry_video_qa | Retry degraded or unavailable QA against the same current frozen video artifact. |
audit_video_qa | Run an advisory Qwen3.6-Plus second opinion against the same frozen video. |
regenerate_narration | Regenerate narration and its dependent video from the unchanged durable brief. |
draft_workflow | Store a complete workflow using the inspected expectedVersion (0 only when none exists). |
patch_workflow | Create a conflict-aware workflow version from a recursive patch. |
validate_workflow | Validate and compile the inspected workflow version without rendering. |
preview_workflow | Read the compiled UniversalVideo brief without rendering. |
compare_workflows | Compare two durable workflow versions field by field. |
approve_workflow | Approve the inspected valid version without approving or publishing the video job. |
approve_job | Approve a rendered job so it can be published. |
publish_job | Publish an approved job to its connected social destination. |
connect_account | Start connecting a social account (headless OAuth pairing). |
connect_account_status | Poll a pending account connection until it is connected. |
Workflow inspection, preview, and comparison require read. Workflow draft, patch, validation, and approval require write. publish_job requires publish.
Workflow tools reject unknown arguments instead of silently discarding them. API calls time out after 15 seconds. A stale-version 409 tells the caller to inspect the latest version, while an unavailable upload or other dependency conflict tells the caller to resolve that dependency before retrying.
connect_account returns an approve URL and a short confirm code. Open the URL in a browser where you are signed in to Instavar, check the code matches the one in your terminal, and approve — you go through the platform's normal sign-in, then return to Instavar. Poll connect_account_status with the returned pairingId until it reports connected. Pairings expire after 10 minutes and can only be approved by an owner/admin of the workspace.
npx @instavar/mcp-server --version
npx @instavar/mcp-server --help
MIT
get_creative_guide works without a key. Omit guideId to discover the four guides, or choose visual-copy, carousel-stories, visual-design or human-review. The same text is available as Markdown resources at instavar://creative-guides/ . The calling assistant applies the guidance to the user's brief; this to