Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Interactive video forms that capture authentic responses. Build engaging forms in minutes.
쓰고 있는 AI 앱을 고른 다음 설정을 복사하세요.
검사 4/5 통과 · 내가 묻는 내용은 제작자 서버(mcp.clipform.io)를 거쳐요 · ✓ 명령 확인 2026년 11월 13일
먼저: 어떤 AI를 쓰시나요?
쓰는 앱을 고르면 아래에 단계가 나옵니다.
Claude에 연결할 수 있어요 · 약 2분
키 필요 없음, 설치 필요 없음 · claude.ai나 데스크톱 앱에서 한 번 설정하면 채팅에서 쓸 수 있어요 · 무료 계정은 1개까지 · Team/Enterprise는 소유자(Owner)가 추가
CustomizeConnectors
여기서 복사해 Claude의 같은 이름 칸에 붙여 넣고 Continue를 누르세요
Clipformhttps://mcp.clipform.ioClaude가 찾은 로그인 설정 화면에서 Continue를 누르고 · Authentication은 제작자 안내대로(Sign in now, Sign in when needed, No sign in) 고른 뒤 Add를 누르세요
+ConnectorsClipform
Clipform을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ Claude가 Clipform을 쓰고 있다고 하거나 답에 Clipform 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 Anthropic 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
ChatGPT 연결은 요금제에 따라 달라요
전체 MCP: 웹 ChatGPT Business, Enterprise, Edu · Pro: 읽기/가져오기 권한으로 연결, 데이터를 바꾸는 도구는 안 될 수 있어요 · Plus: 공식 문서 미확인, 플러그인 화면에 사용자 지정 MCP 추가 항목이 보이면 시도해 볼 수 있어요 · 웹만
Plugins+Add custom MCP server
이름을 넣고 Connection에 주소를 붙여 넣은 뒤 경고에 체크하고 Create as a plugin을 누르세요
Clipformhttps://mcp.clipform.io새 채팅을 열고 입력 전에 플러그인 목록에서 Clipform을 고르세요
Clipform을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ ChatGPT가 Clipform을 쓰고 있다고 하거나 답에 Clipform 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 OpenAI 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
Claude Code에 연결할 수 있어요 · 약 2분
키 필요 없음, 설치 필요 없음
Mac: Command+스페이스를 누르고 Terminal 입력 · Windows: PowerShell 열기
claude mcp add --transport http --scope user clipform https://mcp.clipform.ioClipform이 목록에 있고 연결됨으로 보이면 돼요
Clipform을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ Claude Code가 Clipform을 쓰고 있다고 하거나 답에 Clipform 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 Anthropic 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
Cursor에 연결할 수 있어요 · 약 2분
키 필요 없음, 설치 필요 없음
Clipform을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ Cursor가 Clipform을 쓰고 있다고 하거나 답에 Clipform 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 Cursor 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
VS Code에 연결할 수 있어요 · 약 2분
키 필요 없음, 설치 필요 없음
Clipform을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ VS Code가 Clipform을 쓰고 있다고 하거나 답에 Clipform 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 VS Code 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
Windsurf, Zed, Gemini CLI 같은 다른 MCP 앱은 추가 방법이 저마다 달라요. 앱 목록에서 확인하세요
웹으로 연결하는 앱용 주소
https://mcp.clipform.ioJSON 설정은 아래 “개발자용”에 있어요
Claude Code
claude mcp add --transport http --scope user clipform https://mcp.clipform.ioCursor (~/.cursor/mcp.json)
{
"mcpServers": {
"clipform": {
"url": "https://mcp.clipform.io"
}
}
}VS Code (mcp.json)
{
"servers": {
"clipform": {
"type": "http",
"url": "https://mcp.clipform.io"
}
}
}Claude Code
claude mcp add --scope user clipform --env CLIPFORM_API_KEY=your-value --env API_URL=https://api.clipform.io -- npx -y @clipform/mcp-serverClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"clipform": {
"command": "npx",
"args": [
"-y",
"@clipform/mcp-server"
],
"env": {
"CLIPFORM_API_KEY": "your-value",
"API_URL": "https://api.clipform.io"
}
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"clipform": {
"command": "npx",
"args": [
"-y",
"@clipform/mcp-server"
],
"env": {
"CLIPFORM_API_KEY": "your-value",
"API_URL": "https://api.clipform.io"
}
}
}
}VS Code (mcp.json)
{
"servers": {
"clipform": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@clipform/mcp-server"
],
"env": {
"CLIPFORM_API_KEY": "your-value",
"API_URL": "https://api.clipform.io"
}
}
}
}CLIPFORM_API_KEY 비밀 필수 envAPI_URL 필수 env설명은 아직 영어 원문입니다.
이 설정은 제작자의 레지스트리 정보로 만들었어요. README와 다르면 README를 따르세요.
npm: @clipform/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월 9일에 알려 준 그대로예요. 우리가 아니라 제작자가 쓴 글이고, 일반 텍스트로만 보여 드려요.
clipform_create_formCreate a new Clipform (interactive video-style form). Returns a viewer URL and form ID. When connected via an authenticated MCP client (e.g. claude.ai), the form lands directly in the user's workspace. Anonymous sessions build into a temporary account of their own: guests connect
clipform_import_formCopies the questions from a public Google Form, Typeform, or Tally form into a new Clipform draft. The source form and its responses stay where they are. Supported URLs: Google Forms (docs.google.com or forms.gle - must be shared as "Anyone with the link"), Typeform (form.typefor
clipform_list_formsList forms in your workspace with optional filtering. Returns paginated results (cursor-based). next_cursor is included when more results exist. To find or open a form by name, pass search with part of its title instead of paging through results. Needs a signed-in Clipform accoun
clipform_whoamiShow the current identity: auth mode (api key, oauth, session, or anonymous), active workspace, and plan limits. Needs a signed-in Clipform account (an anonymous session is asked to sign in).
clipform_get_formRetrieve a form's details including all nodes in sequential order and their routing. Returns title, settings, and every node with its options, config, media status, and next node (from clipform_set_logic).
clipform_update_formUpdate a form's title, publish status, settings, or tags. Only sends fields that are provided - omitted fields remain unchanged. AI-PROTECTED parameters have restrictions noted in their descriptions.
clipform_delete_formMove a form and all its nodes to the trash. It stops accepting responses immediately and can be restored later. Requires user confirmation before it runs. Needs a signed-in Clipform account (an anonymous session is asked to sign in).
clipform_get_resultsView response counts, choice/action answer breakdowns, and recent open-text answers for a form. Answers to booking, contact details, file upload, drawing, camera, and payment nodes are counts only - use the dashboard for per-response detail. Needs a signed-in Clipform account (an
clipform_get_responsesList a Clipform form's individual responses (submissions) with time filtering - complements clipform_get_results (aggregates). Answers questions like 'what came in during the last 24 hours', 'what's the longest answer', 'what did people say'. Text answers plus a non-PII payment s
clipform_add_nodeAdd a new node to an existing form. Inserted before the end screen by default; after_node_id controls insertion position. Inserting into a linear flow automatically re-links the chain (the node before the insertion point points to the new node, which points to what followed) - yo
clipform_update_nodeUpdate one or more existing nodes' text, type, config, or options. Pass multiple updates in one call instead of separate tool calls. Requires node IDs (returned by clipform_create_form, clipform_add_node, or clipform_get_form). Does not change node positions in the flow. All type
clipform_delete_nodeDelete a node from a form. The logic chain is automatically re-linked (the previous node will point to the next one). Cannot delete the start node or the last end screen. On a live form the node stays on the live form until the form is published. Requires user confirmation before
clipform_upload_media_assetPut one or more media files into your workspace media library (max 10, uploaded sequentially). This is step one of attaching media to a node - follow up with clipform_attach_node_media to place the returned media_asset_id on a node. When a public URL is provided, the media is fet
clipform_complete_media_uploadConfirm a signed-PUT still image upload finished, after PUTting the bytes to the upload_url returned by clipform_upload_media_asset. The API verifies the object actually landed in storage before flipping the asset from processing to ready - call this right after the PUT succeeds,
clipform_attach_node_mediaAttach an existing workspace media asset (from clipform_upload_media_asset) to one or more nodes (max 10). Pass one item or many; multiple items attach sequentially. Only works on node types that support media (choice, open, scale, draw, binary, button). A media asset is reusable
clipform_get_node_mediaGet the media attached to a node, including processing status. Useful for checking if a video upload has finished processing.
clipform_delete_node_mediaRemove media from a node by unlinking it; the media asset and its files stay in the workspace library and keep working on any other node or live form that uses them. Requires user confirmation before it runs.
clipform_set_logicSet the next node for one or more nodes, wiring a linear route (A to B to C). Pass multiple nodes in one call instead of separate tool calls. Each node routes to exactly one target node. Branching by which option a respondent picks is not configured here; it is set up in the form
clipform_log_generationInternal audit step run by a form-generation workflow. Records a completed generation's content provenance (sources, image attributions) for the flow that just built the form. Not a user action - only call it as the final step of a generation workflow you are running, never in re
clipform_search_newsSearch recent news articles from NewsAPI and The Guardian and return them as structured results. Coverage: recent events, people, and topics (post-May-2025). Does NOT cover timeless topics (history, geography, science). Returns: article title, source, author, date, URL, descripti
clipform_generate_ttsGenerate narration audio from text with word-level captions for one question in a Clipform form (max 400 characters). It does not make standalone voiceover files. Pass form_id and a node_id per item. Use this for quiz question narration, survey introductions, form instructions, o
clipform_search_mediaSearch images or stock video clips. Pass one query or many (max 10) - multiple queries run in one call instead of separate tool calls. Use results to feed into clipform_render_video_template (slideshow) for narrated slideshow videos, or upload directly as still images via clipfor
clipform_render_compositionRender a specialised video composition to MP4 or PNG for one question in a Clipform form (max 30s, attached to that question) - custom animated visuals that a video template can't provide, such as geography animations or designed motion graphics. Available composition names and t
clipform_search_musicSearch for royalty-free music tracks and ambient sounds. Quiz forms especially benefit from background music - it keeps energy up between questions. Also consider it for multi-step surveys and longer forms. Pass the returned URL as the audio for the slideshow video template via c
clipform_list_compositionsBrowse available video compositions and their expected props schemas. Call this before using clipform_render_composition to discover visual styles and their input props. For an image or photo montage, reach for a video template (clipform_list_video_templates + clipform_render_vid
clipform_list_video_templatesBrowse available video templates - curated Scene arrangements (bed + overlay + sane defaults) that render through the Scene composition from a small controls object. Call this before clipform_render_video_template to see template names and their exposed controls. For a fully cust
clipform_render_video_templateRender a curated video template (a pre-arranged Scene: bed + overlay + sane defaults) to MP4 or PNG for one question in a Clipform form (max 30s, attached to that question) from a small controls object, instead of hand-assembling Scene layers. Call clipform_list_video_templates f
clipform_list_assetsList available creative assets (sound effects, animations, fonts) for video compositions.
clipform_check_renderCheck the status of render jobs started by clipform_render_video_template or clipform_render_composition. Pass job_ids to check a whole batch in ONE call - one line of status per job. Pass job_id for a single job. Returns the output URL for each completed render. Typical render t
clipform_fetch_boundaryFetch a GeoJSON boundary polygon for a country, city, or region. Returns simplified GeoJSON ready to use as the 'boundary' prop in the Map composition. mainlandOnly excludes small islands and overseas territories (e.g. Corsica for France, Hawaii for USA).
clipform_get_guideRetrieve craft knowledge for building a specific form type. Returns question psychology, difficulty curves, narration style, scoring setup, and writing principles as markdown. Does NOT return a step-by-step build workflow - use clipform_get_workflow for that. Available types: qui
clipform_get_workflowRetrieve a step-by-step build workflow for creating a specific form type. Returns the exact tool sequence, form settings, node configuration, scoring setup, and end screen config as a build recipe. Does NOT return craft knowledge (question psychology, difficulty curves, narration
get_more_toolsCheck for additional tools whenever your task might benefit from specialized capabilities - even if existing tools could work as a fallback.
누구나 볼 수 있는 정보를 점검했고, 코드는 읽지 않았어요. 해당하지 않는 항목은 개수에서 뺐어요. · 2026년 11월 14일 점검
질문하고, 팁을 나누고, 안 되는 점을 알려 주세요. "도움이 됨"이 많은 순서예요.
아직 리뷰가 없어요
레지스트리에서 이 카테고리의 활성 서버 전체와 비교했어요. 스타는 게시자가 저장소를 소유한 경우에만 세요.
해당하는 기본 점검 5개 중 4개를 통과했어요. 코드는 읽지 않았어요. 키나 토큰을 넣기 전에 서버가 어떤 권한을 요구하는지 확인하고, 꼭 필요한 권한만 있는 키를 쓰세요.
입력해야 할 값: CLIPFORM_API_KEY
둘 다 가능해요. 내 컴퓨터에 설치해도 되고, 클라우드 버전에 연결해도 돼요.
GitHub 저장소는 마지막으로 어제 변경됐고, 최신 버전(5.7.1)은 어제 레지스트리에 올라왔어요.
Claude Desktop, Claude Code, Cursor, VS Code처럼 MCP를 지원하는 앱에서 쓸 수 있어요. 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, 이미지, 스크립트는 제거했어요. 링크를 누르면 이 사이트를 벗어나요.
MCP server for Clipform - build and manage video-style forms from any MCP client (Claude, ChatGPT, Cursor, Windsurf, etc.).
There are two ways to connect: remote (recommended, uses your Clipform account) and local (anonymous, free-tier limits).
Use this if you have a Clipform account. Forms are created directly in your workspace and your plan tier applies (no 3-node cap on Pro).
Claude (claude.ai): Settings → Connectors → Add custom connector → enter https://mcp.clipform.io
ChatGPT: Settings → Connectors → Advanced → enable Developer Mode → Create connector → enter https://mcp.clipform.io (requires Pro/Team/Enterprise)
Any MCP client with OAuth: Point it at https://mcp.clipform.io - discovery, registration, and auth are handled automatically via OAuth 2.1 + Dynamic Client Registration (RFC 7591).
Use this for stdio-based MCP clients. Pass your API key to authenticate with your workspace and plan tier.
Claude Code:
claude mcp add clipform -e CLIPFORM_API_KEY=cf_xxx -- npx -y @clipform/mcp-server
Claude Desktop / Cursor / Windsurf / OpenClaw - add to your MCP config:
{
"mcpServers": { "clipform": { "command": "npx", "args": ["-y", "@clipform/mcp-server"], "env": { "CLIPFORM_API_KEY": "cf_xxx", "API_URL": "https://api.clipform.io" } } } }
Generate an API key in your Clipform dashboard under Developers > API keys. The local server always needs one - to try Clipform without an account, connect to https://mcp.clipform.io instead (see "How it works").
| Variable | Required | Purpose |
|---|---|---|
CLIPFORM_API_KEY | For workspace auth | Bearer key - forms land in the key's workspace with its plan limits. Also unlocks the creative tools (search, TTS, video rendering). Required by the local server. |
API_URL | Yes | Clipform API base URL (https://api.clipform.io, or your local/self-hosted API). |
Your MCP client lists these automatically on connect (via tools/list). Full reference - arguments, schemas, and examples - is in the docs.
| Tool | Description |
|---|---|
clipform_create_form | Create a new Clipform (interactive video-style form). |
clipform_import_form | Copies the questions from a public Google Form, Typeform, or Tally form into a new Clipform draft. |
clipform_list_forms | List forms in your workspace with optional filtering. |
clipform_whoami | Show the current identity: auth mode (api key, oauth, session, or anonymous), active workspace, and plan limits. |
clipform_get_form | Retrieve a form's details including all nodes in sequential order and their routing. |
clipform_update_form | Update a form's title, publish status, settings, or tags. |
clipform_delete_form | Move a form and all its nodes to the trash. |
clipform_get_results | View response counts, choice/action answer breakdowns, and recent open-text answers for a form. |
clipform_get_responses | List a Clipform form's individual responses (submissions) with time filtering - complements clipform_get_results (aggregates). |
clipform_add_node | Add a new node to an existing form. |
clipform_update_node | Update one or more existing nodes' text, type, config, or options. |
clipform_delete_node | Delete a node from a form. |
clipform_upload_media_asset | Put one or more media files into your workspace media library (max 10, uploaded sequentially). |
clipform_complete_media_upload | Confirm a signed-PUT still image upload finished, after PUTting the bytes to the upload_url returned by clipform_upload_media_asset. |
clipform_attach_node_media | Attach an existing workspace media asset (from clipform_upload_media_asset) to one or more nodes (max 10). |
clipform_get_node_media | Get the media attached to a node, including processing status. |
clipform_delete_node_media | Remove media from a node by unlinking it; the media asset and its files stay in the workspace library and keep working on any other node or live form that uses them. |
clipform_set_logic | Set the next node for one or more nodes, wiring a linear route (A to B to C). |
clipform_log_generation | Internal audit step run by a form-generation workflow. |
clipform_search_news | Search recent news articles from NewsAPI and The Guardian and return them as structured results. |
clipform_generate_tts | Generate narration audio from text with word-level captions. |
clipform_search_media | Search images or stock video clips. |
clipform_render_composition | Render a specialised video composition to MP4 or PNG - custom animated visuals that a video template can't provide, such as geography animations or designed motion graphics. |
clipform_search_music | Search for royalty-free music tracks and ambient sounds. |
clipform_list_compositions | Browse available video compositions and their expected props schemas. |
clipform_list_video_templates | Browse available video templates - curated Scene arrangements (bed + overlay + sane defaults) that render through the Scene composition from a small controls object. |
clipform_render_video_template | Render a curated video template (a pre-arranged Scene: bed + overlay + sane defaults) to MP4 or PNG from a small controls object, instead of hand-assembling Scene layers. |
clipform_list_assets | List available creative assets (sound effects, animations, fonts) for video compositions. |
clipform_check_render | Check the status of render jobs started by clipform_render_video_template or clipform_render_composition. |
clipform_fetch_boundary | Fetch a GeoJSON boundary polygon for a country, city, or region. |
clipform_get_guide | Retrieve craft knowledge for building a specific form type. |
clipform_get_workflow | Retrieve a step-by-step build workflow for creating a specific form type. |
Create a Clipform called "Customer Feedback" with a choice question asking "How would you rate our service?" with options Excellent, Good, Fair, Poor, then an open-ended question asking "Any additional comments?", and finish with an end screen saying "Thanks for your feedback!"
Remote (OAuth): Bearer tokens are audience-bound to https://mcp.clipform.io (RFC 8707) and scoped to mcp only. Forms land directly in the workspace you approved during consent by default. One connection reaches every workspace you belong to in the same company: pass workspace_id (ids from clipform_whoami) on clipform_create_form, clipform_import_form, clipform_list_forms, clipform_upload_media_asset, or clipform_generate_tts, or a form_id from another workspace on any form tool - including clipform_upload_media_asset, clipform_generate_tts, and clipform_complete_media_upload, where it's a routing hint only (the result still lands in that workspace's media library, not on a node). Membership is re-checked on every call, and results name the workspace.
Local with API key: The CLIPFORM_API_KEY is sent as a standard Authorization: Bearer header. Forms are created directly in the key's workspace with your plan tier limits.
Remote anonymous (no sign-in): Connecting to https://mcp.clipform.io without signing in builds into a temporary account of the session's own. The form goes live at creation (after a content check), takes up to 3 responses and goes offline after 7 days unless you sign up; steps that need an account (payments, uploads, downloads, booking, outside links) are switched off until you sign up. Build results include a one-time sign-up link that moves the form into your new account (on the first form, periodically after, and at the form limit), or say "sign in" if you already have an account. A claimed form with those steps arrives as a draft - publish it to switch them on. While unclaimed, the form UUID is the credential to edit it; free-plan limits apply. The local stdio server always needs CLIPFORM_API_KEY.
These tools need a signed-in Clipform account (OAuth, or an API key): clipform_list_forms, clipform_whoami, clipform_get_results, clipform_get_responses, clipform_delete_form. An anonymous remote session that calls one is asked to sign in instead (for the results tools: "Sign in to see this form's responses"). Everything else, including clipform_get_guide, clipform_get_workflow and clipform_list_assets, works without an account.
Forms are created with a start node and end screen automatically - you just add the nodes in between.
Craft guides (
clipform://guides/*,clipform_get_guide) are fetched from the Clipform API at runtime, so the server needs a reachableAPI_URLand validCLIPFORM_API_KEYto serve them.