Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Description from the maker (original English)
Run any model on the live WaveSpeed catalog: image, video, audio, 3D.
These three are never merged into one score: opinions, measurements and popularity are different things.
We have not written a plain-language summary for this one yet. Below are the facts we read from the registry.
Pick the AI app you use, then copy the settings.
WAVESPEED_API_KEY, WAVESPEED_BASE_URL, WAVESPEED_CLIENT_NAMEValues marked secret are keys to your account. Never share them or paste them into a chat.
You need
Which app do you use?
Pick your app above. We remember it, so next time the button says “Install in …”.
Works in Claude on the web, desktop and mobile:
https://api.wavespeed.ai/mcpOpen Claude Desktop → Settings → Developer → Edit Config, and paste this into 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"
}
}
}
}Run this in your terminal
claude mcp add --transport http wavespeed https://api.wavespeed.ai/mcpclaude mcp add wavespeed --env WAVESPEED_API_KEY=your-value --env WAVESPEED_BASE_URL=your-value --env WAVESPEED_CLIENT_NAME=your-value -- npx -y @wavespeed/mcpFill in the empty values before running it.
Paste into .cursor/mcp.json in your project, or ~/.cursor/mcp.json
{
"mcpServers": {
"wavespeed": {
"url": "https://api.wavespeed.ai/mcp"
}
}
}Paste into .cursor/mcp.json in your project, or ~/.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"
}
}
}
}Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.
Paste into .vscode/mcp.json in your project
{
"servers": {
"wavespeed": {
"type": "http",
"url": "https://api.wavespeed.ai/mcp"
}
}
}Paste into .vscode/mcp.json in your project
{
"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"
}
}
}
}Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.
ChatGPT connects only to servers on the internet:
https://api.wavespeed.ai/mcpMenu names can differ slightly by plan and over time.
Your choice stays on this device in a cookie; no account needed.
WAVESPEED_BASE_URL envWAVESPEED_CLIENT_NAME envThese settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.
The server asks you to sign in before it lists its tools.
We check information anyone can see; we have not read the code. Checks that do not apply are left out of the count. · Checked Nov 6, 2026
The registry name was verified against the domain wavespeed.ai (the registry checks domain ownership)
We have not read this repo from GitHub yet
We have not read this repo from GitHub yet
Responded in 65 ms (HTTP 401)
Declares OAuth sign-in, so your AI app can take you to log in
Not checked yet; we read the tool list when we check the endpoint
Compared with every active server in this category in the registry. Stars count only when the publisher owns the repo.
It passed 3 of 3 applicable basic checks. We have not read the code. Before adding a key or token, see what access the server asks for and use a key with only the permissions you need.
You need to fill in: WAVESPEED_API_KEY
Either way works: install it on your computer or connect to the cloud version.
The GitHub repo last changed –, and the latest version (1.2.10) reached the registry today.
Apps that support MCP, such as Claude Desktop, Claude Code, Cursor and VS Code. It connects by URL, so apps that accept remote MCP servers work too, such as ChatGPT in developer mode.
In the same category: Figma Context MCP, Claude Real Video, Figma MCP Server
Servers in the same category from other makers, sorted by stars.
Reading a card:★ GitHub starsiThree pillars: reviews · checks · usageiUpdated = latest version published to the registryi
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Let any LLM watch a video locally — and search everything it has ever watched.
Figma’s official server gives AI your design data so it can turn designs into code or describe them accurately. Connects to Figma’s cloud.
Copied from the maker’s repo as written. PopNx MCP has not reviewed or endorsed it. HTML, images and scripts are removed. Links lead off this site.
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/
MIT
[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)