Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
500+ AI image, video and audio models with USD quotes and user-approved generation.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
RAYWAKE_API_KEY, RAYWAKE_API_BASEค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ใช้ได้ทั้ง Claude บนเว็บ แอปคอมพิวเตอร์ และมือถือ:
https://mcp.raywake.com/v1เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"raywake": {
"command": "npx",
"args": [
"-y",
"@raywake/mcp"
],
"env": {
"RAYWAKE_API_KEY": "ใส่ค่าของคุณ",
"RAYWAKE_API_BASE": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http raywake https://mcp.raywake.com/v1claude mcp add raywake --env RAYWAKE_API_KEY='ใส่ค่าของคุณ' --env RAYWAKE_API_BASE='ใส่ค่าของคุณ' -- npx -y @raywake/mcpเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"raywake": {
"url": "https://mcp.raywake.com/v1"
}
}
}วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"raywake": {
"command": "npx",
"args": [
"-y",
"@raywake/mcp"
],
"env": {
"RAYWAKE_API_KEY": "ใส่ค่าของคุณ",
"RAYWAKE_API_BASE": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"raywake": {
"type": "http",
"url": "https://mcp.raywake.com/v1"
}
}
}วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"raywake": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@raywake/mcp"
],
"env": {
"RAYWAKE_API_KEY": "ใส่ค่าของคุณ",
"RAYWAKE_API_BASE": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ChatGPT ต่อได้เฉพาะ server ที่อยู่บนอินเทอร์เน็ต:
https://mcp.raywake.com/v1ชื่อเมนูอาจต่างกันเล็กน้อยตามแพ็กเกจและรุ่นของแอป
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
RAYWAKE_API_BASE envค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
server ให้ล็อกอินก่อนจึงจะแสดงรายการเครื่องมือ
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 6 พ.ย. 2569
ชื่อใน registry ยืนยันโดเมน raywake.si แล้ว (registry ตรวจความเป็นเจ้าของโดเมน)
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตอบกลับใน 419 ms (HTTP 401)
ประกาศวิธีล็อกอินแบบ OAuth ให้โปรแกรม AI พาไปล็อกอินเอง
ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 3 จาก 3 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: RAYWAKE_API_KEY
ได้ทั้งสองแบบ จะลงในเครื่องหรือต่อผ่านคลาวด์ก็ได้
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.1.0) เข้า registry 4 วันที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต่อผ่าน URL จึงใช้กับโปรแกรมที่รับ remote MCP ได้ เช่น ChatGPT ที่เปิดโหมดนักพัฒนา
ในหมวดเดียวกันมี Figma Context MCP, Claude Real Video, Figma MCP Server
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า 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.
server ทางการของ Figma ส่งข้อมูลงานออกแบบให้ AI อ่าน เพื่อเปลี่ยนแบบเป็นโค้ดหรืออธิบายแบบได้ตรงขึ้น ต่อผ่านคลาวด์ของ Figma
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
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.