Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Run any model on the live WaveSpeed catalog: image, video, audio, 3D.
쓰고 있는 AI 앱을 고른 다음 설정을 복사하세요.
검사 5/5 통과 · 내가 묻는 내용은 제작자 서버(api.wavespeed.ai)를 거쳐요 · ✓ 명령 확인 2026년 11월 13일
먼저: 어떤 AI를 쓰시나요?
쓰는 앱을 고르면 아래에 단계가 나옵니다.
Claude에 연결할 수 있어요 · 약 2분
키 필요 없음, 설치 필요 없음 · claude.ai나 데스크톱 앱에서 한 번 설정하면 채팅에서 쓸 수 있어요 · 무료 계정은 1개까지 · Team/Enterprise는 소유자(Owner)가 추가
CustomizeConnectors
여기서 복사해 Claude의 같은 이름 칸에 붙여 넣고 Continue를 누르세요
WaveSpeedhttps://api.wavespeed.ai/mcpClaude가 찾은 로그인 설정 화면에서 Continue를 누르고 · Authentication은 제작자 안내대로(Sign in now, Sign in when needed, No sign in) 고른 뒤 Add를 누르세요
+ConnectorsWaveSpeed
WaveSpeed을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ Claude가 WaveSpeed을 쓰고 있다고 하거나 답에 WaveSpeed 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 Anthropic 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
ChatGPT 연결은 요금제에 따라 달라요
전체 MCP: 웹 ChatGPT Business, Enterprise, Edu · Pro: 읽기/가져오기 권한으로 연결, 데이터를 바꾸는 도구는 안 될 수 있어요 · Plus: 공식 문서 미확인, 플러그인 화면에 사용자 지정 MCP 추가 항목이 보이면 시도해 볼 수 있어요 · 웹만
Plugins+Add custom MCP server
이름을 넣고 Connection에 주소를 붙여 넣은 뒤 경고에 체크하고 Create as a plugin을 누르세요
WaveSpeedhttps://api.wavespeed.ai/mcp새 채팅을 열고 입력 전에 플러그인 목록에서 WaveSpeed을 고르세요
WaveSpeed을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ ChatGPT가 WaveSpeed을 쓰고 있다고 하거나 답에 WaveSpeed 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 OpenAI 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
Claude Code에 연결할 수 있어요 · 약 2분
키 필요 없음, 설치 필요 없음
Mac: Command+스페이스를 누르고 Terminal 입력 · Windows: PowerShell 열기
claude mcp add --transport http --scope user wavespeed https://api.wavespeed.ai/mcpWaveSpeed이 목록에 있고 연결됨으로 보이면 돼요
WaveSpeed을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ Claude Code가 WaveSpeed을 쓰고 있다고 하거나 답에 WaveSpeed 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 Anthropic 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
Cursor에 연결할 수 있어요 · 약 2분
키 필요 없음, 설치 필요 없음
WaveSpeed을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ Cursor가 WaveSpeed을 쓰고 있다고 하거나 답에 WaveSpeed 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 Cursor 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
VS Code에 연결할 수 있어요 · 약 2분
키 필요 없음, 설치 필요 없음
WaveSpeed을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ VS Code가 WaveSpeed을 쓰고 있다고 하거나 답에 WaveSpeed 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 VS Code 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
Windsurf, Zed, Gemini CLI 같은 다른 MCP 앱은 추가 방법이 저마다 달라요. 앱 목록에서 확인하세요
웹으로 연결하는 앱용 주소
https://api.wavespeed.ai/mcpJSON 설정은 아래 “개발자용”에 있어요
Claude Code
claude mcp add --transport http --scope user wavespeed https://api.wavespeed.ai/mcpCursor (~/.cursor/mcp.json)
{
"mcpServers": {
"wavespeed": {
"url": "https://api.wavespeed.ai/mcp"
}
}
}VS Code (mcp.json)
{
"servers": {
"wavespeed": {
"type": "http",
"url": "https://api.wavespeed.ai/mcp"
}
}
}Claude Code
claude mcp add --scope user wavespeed --env WAVESPEED_API_KEY=your-value --env WAVESPEED_BASE_URL=your-value --env WAVESPEED_CLIENT_NAME=your-value -- npx -y @wavespeed/mcpClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"wavespeed": {
"command": "npx",
"args": [
"-y",
"@wavespeed/mcp"
],
"env": {
"WAVESPEED_API_KEY": "your-value",
"WAVESPEED_BASE_URL": "your-value",
"WAVESPEED_CLIENT_NAME": "your-value"
}
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"wavespeed": {
"command": "npx",
"args": [
"-y",
"@wavespeed/mcp"
],
"env": {
"WAVESPEED_API_KEY": "your-value",
"WAVESPEED_BASE_URL": "your-value",
"WAVESPEED_CLIENT_NAME": "your-value"
}
}
}
}VS Code (mcp.json)
{
"servers": {
"wavespeed": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@wavespeed/mcp"
],
"env": {
"WAVESPEED_API_KEY": "your-value",
"WAVESPEED_BASE_URL": "your-value",
"WAVESPEED_CLIENT_NAME": "your-value"
}
}
}
}WAVESPEED_API_KEY 비밀 envWAVESPEED_BASE_URL envWAVESPEED_CLIENT_NAME env이 설정은 제작자의 레지스트리 정보로 만들었어요. README와 다르면 README를 따르세요.
npm: @wavespeed/mcp이 서버의 연결 방식과 각 앱의 공식 문서를 바탕으로 했어요. 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월 14일 점검
레지스트리 이름이 도메인 wavespeed.ai 기준으로 확인되었어요(레지스트리가 도메인 소유를 확인해요)
코드 마지막 변경: 4일 전
MIT 사용
211ms 만에 응답(HTTP 401)
OAuth 로그인을 지원한다고 밝혀서, AI 앱이 로그인 화면으로 안내해 줘요
아직 점검하지 않았어요. 엔드포인트를 점검할 때 도구 목록을 읽어요
질문하고, 팁을 나누고, 안 되는 점을 알려 주세요. "도움이 됨"이 많은 순서예요.
아직 리뷰가 없어요
레지스트리에서 이 카테고리의 활성 서버 전체와 비교했어요. 스타는 게시자가 저장소를 소유한 경우에만 세요.
해당하는 기본 점검 5개 중 5개를 통과했어요. 코드는 읽지 않았어요. 키나 토큰을 넣기 전에 서버가 어떤 권한을 요구하는지 확인하고, 꼭 필요한 권한만 있는 키를 쓰세요.
입력해야 할 값: WAVESPEED_API_KEY
둘 다 가능해요. 내 컴퓨터에 설치해도 되고, 클라우드 버전에 연결해도 돼요.
GitHub 저장소는 마지막으로 4일 전 변경됐고, 최신 버전(1.2.11)은 4일 전 레지스트리에 올라왔어요.
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, 이미지, 스크립트는 제거했어요. 링크를 누르면 이 사이트를 벗어나요.
An MCP server for the WaveSpeed platform: run any model on the live catalog — image, video, audio, 3D — from Claude Code, Claude Desktop, Cursor, Cline, or any MCP client.
Built on the same design as the open-source @wavespeed/cli:
run_model executes anything; get_model_schema tells the agent what inputs a model actually accepts, so it reads before it writes. generate_image, edit_image, generate_video, edit_video and extend_video skip that: they use the same models as the WaveSpeed /chat page, pick the endpoint for what you give them and fit the request to its live schema.@path marker — a "@./photo.jpg" value inside input uploads the file and substitutes its hosted URL. Bare paths are passed through untouched. The shortcut tools (generate_image etc.) are the exception: they pick the endpoint and fit the request to the model, and report what they changed in notes.get_price takes the same input as run_model and returns an estimate; the amount actually charged for a run is authoritative.| Tool | What it does |
|---|---|
list_models | Search the live catalog by text or modality type |
get_model_schema | A model's real input schema (required, properties, defaults), with a link to the model's playground page |
run_model | Submit + wait; rejects input keys the model doesn't accept; @path inputs upload automatically; returns output URLs |
generate_image | Image from a prompt with the /chat image models (default Seedream 5 Pro); reference images use the model's edit endpoint |
edit_image | Edit, restyle or combine existing images with the same models |
generate_video | Video from a prompt, a first/last frame or reference images/videos/audio, with the /chat video models (default Seedance 2.5); the mode (text, image, reference) is picked from the inputs |
edit_video | Edit an existing video, optionally with reference images/audio |
extend_video | Continue an existing video with new footage |
get_price | Cost estimate for the inputs you pass (no charge), with a link to the model's playground page |
get_balance | Account credit balance, with the top-up link |
list_predictions | Run history (default last 24h); filter by model, status, time range |
list_billings | Itemized charges and refunds (needs a Billing-access key) |
get_usage | Spend, request counts and per-model breakdown (default last 7 days; needs a Billing-access key) |
delete_predictions | Delete finished runs from the history (up to 100; needs confirm: true, cannot be undone from here) |
upload_file | Local file → hosted URL (24h content-hash dedupe) |
get_prediction | Status/outputs of any run by id; optional wait_seconds to wait for it |
The five shortcut tools take wait_seconds like run_model, and estimate_only: true returns the price and the exact request that would run without submitting or charging anything. In their prompts, media is named @image 1, @video 1, @audio 1 (in the order given); it is renamed to what each model expects. Models and defaults follow /chat: an unknown model is rejected, and a named model is never switched.
Some generations take minutes to hours. run_model submits the run and returns the prediction id right away (done: false); the assistant then calls get_prediction with that id and wait_seconds (max 1800) until done is true. The task keeps running server-side, so a dropped connection loses nothing. Pass wait_seconds to run_model to wait for a quick model in the same call. While waiting, both tools send MCP progress notifications that carry the prediction id.
The same server is hosted at:
https://api.wavespeed.ai/mcp
MCP · ) that you can delete on the API Keys page to disconnect.claude mcp add --transport http wavespeed https://api.wavespeed.ai/mcpcode --add-mcp '{"name":"wavespeed","type":"http","url":"https://api.wavespeed.ai/mcp"}'mcp-remote, which opens the same browser approval on first start: {
"mcpServers": { "wavespeed": { "command": "npx", "args": ["-y", "mcp-remote", "https://api.wavespeed.ai/mcp"] } } }
Authorization: Bearer .The hosted server has the same tools, with one difference for files: it cannot read files on your computer, so pass public URLs, use create_upload from a tool that can send HTTP requests (it returns a temporary upload address and the download_url to use as an input), or, in ChatGPT, attach the file to the chat (the upload_attachment tool, which only ChatGPT can fill, imports it and returns a download_url). Full guide: wavespeed.ai/docs/mcp.
@latest makes npx fetch the newest release on each start; without it, npx runs a globally installed @wavespeed/mcp if one exists, however old.
Auth resolves from WAVESPEED_API_KEY, or from the CLI's stored login (wavespeed login) — one login covers both tools. Keys: wavespeed.ai/accesskey.
Claude Code
claude mcp add wavespeed -- npx -y @wavespeed/mcp@latest
Claude Desktop / other clients (mcpServers config):
{
"mcpServers": { "wavespeed": { "command": "npx", "args": ["-y", "@wavespeed/mcp@latest"], "env": { "WAVESPEED_API_KEY": "wsk_..." } } } }
"@./photo.jpg")npm install
npm run dev # run from source (stdio) npm run lint # typecheck npm run build # tsc → dist/
[WaveSpeed AI](https://wavespeed.ai/) — AI image & video generation platform. Try it in the browser: [Image generator](https://wavespeed.ai/image-generator) · [Video generator](https://wavespeed.ai/video-generator)