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)
500+ AI image, video and audio models with USD quotes and user-approved generation.
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.
RAYWAKE_API_KEY, RAYWAKE_API_BASEValues 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://mcp.raywake.com/v1Open Claude Desktop → Settings → Developer → Edit Config, and paste this into claude_desktop_config.json
{
"mcpServers": {
"raywake": {
"command": "npx",
"args": [
"-y",
"@raywake/mcp"
],
"env": {
"RAYWAKE_API_KEY": "your-value",
"RAYWAKE_API_BASE": "your-value"
}
}
}
}Run this in your terminal
claude mcp add --transport http raywake https://mcp.raywake.com/v1claude mcp add raywake --env RAYWAKE_API_KEY=your-value --env RAYWAKE_API_BASE=your-value -- npx -y @raywake/mcpFill in the empty values before running it.
Paste into .cursor/mcp.json in your project, or ~/.cursor/mcp.json
{
"mcpServers": {
"raywake": {
"url": "https://mcp.raywake.com/v1"
}
}
}Paste into .cursor/mcp.json in your project, or ~/.cursor/mcp.json
{
"mcpServers": {
"raywake": {
"command": "npx",
"args": [
"-y",
"@raywake/mcp"
],
"env": {
"RAYWAKE_API_KEY": "your-value",
"RAYWAKE_API_BASE": "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": {
"raywake": {
"type": "http",
"url": "https://mcp.raywake.com/v1"
}
}
}Paste into .vscode/mcp.json in your project
{
"servers": {
"raywake": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@raywake/mcp"
],
"env": {
"RAYWAKE_API_KEY": "your-value",
"RAYWAKE_API_BASE": "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://mcp.raywake.com/v1Menu names can differ slightly by plan and over time.
Your choice stays on this device in a cookie; no account needed.
RAYWAKE_API_BASE 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 7, 2026
The registry name was verified against the domain raywake.si (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 419 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: RAYWAKE_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 (0.1.0) reached the registry 4 days ago.
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.
500+ AI image, video and audio models in Claude, ChatGPT, Cursor and any MCP client.
An open-source TypeScript MCP server for Raywake. Use the hosted connector at https://mcp.raywake.com/v1 with nothing to install, or run this package locally over stdio with npx (Node.js 20 or later).
Create a key at raywake.si/api-keys. Enable models:read, generate, jobs:read, and wallet:read for all tools. Add USD balance at raywake.si/billing when you want to generate. Browsing, quotes and job checks are free.
Replace YOUR_RAYWAKE_API_KEY in the configurations below. Keep your key private and keep configuration files containing it out of version control.
claude mcp add raywake -e RAYWAKE_API_KEY=YOUR_RAYWAKE_API_KEY -- npx -y @raywake/mcp
Add to ~/.cursor/mcp.json (or your project's .cursor/mcp.json), then enable Raywake in MCP settings:
{
"mcpServers": { "raywake": { "command": "npx", "args": ["-y", "@raywake/mcp"], "env": { "RAYWAKE_API_KEY": "YOUR_RAYWAKE_API_KEY" } } } }
Open Settings > Developer > Edit Config and add to claude_desktop_config.json. Restart Claude Desktop after saving.
{
"mcpServers": { "raywake": { "command": "npx", "args": ["-y", "@raywake/mcp"], "env": { "RAYWAKE_API_KEY": "YOUR_RAYWAKE_API_KEY" } } } }
Add to ~/.codeium/windsurf/mcp_config.json, then refresh MCP servers:
{
"mcpServers": { "raywake": { "command": "npx", "args": ["-y", "@raywake/mcp"], "env": { "RAYWAKE_API_KEY": "YOUR_RAYWAKE_API_KEY" } } } }
Add to .vscode/mcp.json. VS Code prompts for your key and stores the input securely:
{
"inputs": [ { "type": "promptString", "id": "raywake-api-key", "description": "Raywake API key", "password": true } ], "servers": { "raywake": { "type": "stdio", "command": "npx", "args": ["-y", "@raywake/mcp"], "env": { "RAYWAKE_API_KEY": "${input:raywake-api-key}" } } } }
These JSON examples are complete minimal configurations. Merge the raywake entry into an existing configuration to retain your other servers. On Windows, if the client cannot start npx, use "command": "cmd" and "args": ["/c", "npx", "-y", "@raywake/mcp"].
Raywake also hosts the same tools over Streamable HTTP:
https://mcp.raywake.com/v1
claude mcp add --transport http raywake https://mcp.raywake.com/v1, then run /mcp to sign in. To use an API key instead: add --header "Authorization: Bearer YOUR_RAYWAKE_API_KEY".OAuth connections set a per-generation spending limit at sign-in and expire after 30 days; you can disconnect them at any time in Raywake settings.
| Tool | Cost | Purpose |
|---|---|---|
search_models | Free | Search by query, category, modality (image, video, audio) and page (starts at 1; 20 results per page) |
list_categories | Free | List available categories |
get_model | Free | Read the exact input schema and indicative starting price in USD |
quote | Free | Price an exact model and input; returns quote_id, price_usd, expires_at |
generate | Paid | Submit the approved exact model, input, quote_id; optional idempotency_key for recovery |
get_job | Free | Read job_id, outputs and status; optional wait_seconds from 0 to 45 |
list_jobs | Free | List account history; optional limit (1–500), offset, status |
get_account | Free | Read available, reserved and debt balances in USD |
get_playbook | Free | Read the short workflow and spending rules |
search_models maps query to the API's search, and page to limit/offset. Because the API has no modality parameter, modality matches category/tags locally before pagination. Some models may match multiple modalities. get_model preserves the gateway's openapi schema and derives a starting price from its retail price guide when necessary. Starting prices are per the returned unit, such as image or second; they are not a quote for a complete run. An unavailable starting price is returned as null.
Only generate can spend your Raywake balance. Search, schemas, quotes, wallet reads and job polling are free. The assistant must follow:
get_model.quote with the complete input.generate with that exact model, input and quote ID.get_job; polling never starts another generation.The quote's settles_on_usage flag indicates a maximum reservation: actual billed usage is charged and unused balance is returned. For an expired quote or changed input, obtain a new quote and approval. If balance is insufficient, top up.
Approval is a rule communicated to the assistant through descriptions and the built-in playbook; the server cannot independently verify a conversation's human approval. Your MCP client's confirmation settings should require approval for the paid generate tool. Quote ownership, expiry and exact input binding are enforced by Raywake's gateway, with additional matching checks for quotes known to this process.
generate waits for up to 45 seconds including submission, then returns the known job_id, latest status and its generated idempotency_key. If polling fails, it retains the job reference. Continue using get_job with wait_seconds up to 45. Terminal states are succeeded, failed, needs_review, submission_unknown, and needs_reconciliation. Review and reconciliation states require attention; do not submit a replacement run automatically.
Save the idempotency_key, including from an error result. If the submission response is lost, retry generate with the same key, model, input and quote ID. The gateway returns the existing job for an exact retry, including after quote expiry. Never use a new key to recover an uncertain submission. Within a running server, repeating the same generation request also reuses its saved key. After restarting, supply the saved key; the gateway remains the authority for recovery of quotes no longer in local memory. Keys and quote fingerprints are held only in memory. If the entire tool response and process are lost, use list_jobs to find the existing job before doing anything that may spend again.
There is no upload tool: media-asset upload is not available to API keys. Models that accept images, videos or audio by URL need publicly accessible HTTPS URLs in the fields specified by get_model. Host local files publicly first. Local paths, file://, private URLs and data: URLs cannot be used as uploaded media. Output links may be temporary; call get_job again to retrieve current links.
| Environment variable | Required | Default |
|---|---|---|
RAYWAKE_API_KEY | Yes | None; sent as a Bearer token |
RAYWAKE_API_BASE | No | https://api.raywake.com |
The base override must use HTTPS, except HTTP on localhost for local mocks. It must not contain credentials, a query or a fragment. Only use an override you trust: it receives your API key. Redirects are rejected. The server reserves stdout for MCP and never logs the key or raw upstream error bodies.
Prompts and inputs go to Raywake and the selected model provider to fulfil your request. Your MCP client also handles the conversation and tool results. Do not include secrets in model inputs. This local package does not add analytics or write prompts, keys, quotes or results to disk. Client logging and the services' retention policies apply separately.
npm install
npm run build npm test npm run smoke
npm test builds the CLI, uses Vitest with a mocked fetch and dummy credentials, and checks real stdio tool discovery without API access. The separate npm run smoke SDK test starts its own HTTP server on 127.0.0.1 with a dummy key, launches the compiled CLI, lists all nine tools and exercises discovery, quote, generation and job retrieval. Neither command calls api.raywake.com. The HTTP smoke requires permission to bind a local port; restricted sandboxes may reject it with EPERM.
To connect an MCP client to this unpublished checkout, replace the npx configuration with "command": "node" and "args": ["/absolute/path/to/raywake-mcp/dist/index.js"]; keep the same environment configuration. For a terminal launch after building:
RAYWAKE_API_KEY=YOUR_RAYWAKE_API_KEY node dist/index.js
server.json is the metadata published to the official MCP Registry as si.raywake/mcp. Release and registry publication are separate manual steps. The npm package's mcpName matches si.raywake/mcp; version fields must stay in sync.
The small TypeScript/npm/stdio layout is inspired by Wiro-MCP (MIT). Raywake uses its own Bearer authentication, quote-before-generation workflow and gateway contract. No Wiro source code is copied.
MIT, copyright Raywake.