Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
AI-manageable audio CDN: upload, transcode, normalize, stream & deliver audio, plus grounded docs.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
ADN_API_KEY, ADN_API_BASE_URL, ADN_MCP_ALLOW_DELETE, Authorizationค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ที่อยู่นี้ต้องใส่ key ใน header ของคำขอ ซึ่งเมนูเพิ่ม connector ใส่ให้ไม่ได้ ใช้ Claude Code, Cursor หรือ VS Code แทน
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"audiodelivery": {
"command": "npx",
"args": [
"-y",
"@audiodn/mcp"
],
"env": {
"ADN_API_KEY": "ใส่ค่าของคุณ",
"ADN_API_BASE_URL": "ใส่ค่าของคุณ",
"ADN_MCP_ALLOW_DELETE": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http audiodelivery https://mcp.audiodelivery.net/mcp --header 'Authorization: ใส่ค่าของคุณ'claude mcp add audiodelivery --env ADN_API_KEY='ใส่ค่าของคุณ' --env ADN_API_BASE_URL='ใส่ค่าของคุณ' --env ADN_MCP_ALLOW_DELETE='ใส่ค่าของคุณ' -- npx -y @audiodn/mcpเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"audiodelivery": {
"url": "https://mcp.audiodelivery.net/mcp",
"headers": {
"Authorization": "ใส่ค่าของคุณ"
}
}
}
}วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"audiodelivery": {
"command": "npx",
"args": [
"-y",
"@audiodn/mcp"
],
"env": {
"ADN_API_KEY": "ใส่ค่าของคุณ",
"ADN_API_BASE_URL": "ใส่ค่าของคุณ",
"ADN_MCP_ALLOW_DELETE": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"audiodelivery": {
"type": "http",
"url": "https://mcp.audiodelivery.net/mcp",
"headers": {
"Authorization": "ใส่ค่าของคุณ"
}
}
}
}วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"audiodelivery": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@audiodn/mcp"
],
"env": {
"ADN_API_KEY": "ใส่ค่าของคุณ",
"ADN_API_BASE_URL": "ใส่ค่าของคุณ",
"ADN_MCP_ALLOW_DELETE": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ที่อยู่นี้ต้องใส่ key ใน header ของคำขอ ซึ่งเมนูเพิ่ม connector ใส่ให้ไม่ได้ ใช้ Claude Code, Cursor หรือ VS Code แทน
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ADN_API_BASE_URL envADN_MCP_ALLOW_DELETE envAuthorization ความลับ HTTP headerค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
ยังไม่ได้อ่านรายการเครื่องมือของตัวนี้ เราตรวจ endpoint ทีละชุดวนไป
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 6 พ.ย. 2569
ผู้ลงทะเบียน (audiodelivery.net) ไม่ใช่เจ้าของ repo (audiodn) อาจเป็นคนอื่นที่นำมาลงต่อ
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 0 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: ADN_API_KEY, Authorization
ได้ทั้งสองแบบ จะลงในเครื่องหรือต่อผ่านคลาวด์ก็ได้
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.3.3) เข้า 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
@audiodn/mcpModel Context Protocol server for AudioDN.
Exposes the AudioDN REST API as MCP tools so AI agents (Cursor, Claude Desktop, Claude Code, VS Code, Codex, etc.) can configure audio hosting on a user's behalf, plus offline, read-only knowledge tools grounded in the canonical AudioDN OpenAPI spec and documentation so agents look up the correct endpoints instead of guessing.
One-click install (hosted endpoint — sign in with your AudioDN account via OAuth when the client connects):
Prefer a local stdio server with an API Access key? Use this button instead:
Both correspond to the mcp.json shipped with this plugin. See Cursor's MCP docs for manual setup.
npm install -g @audiodn/mcp
npx @audiodn/mcp
Point a remote-capable MCP client at https://mcp.audiodelivery.net/mcp with no Authorization header. The client runs the MCP OAuth flow: you sign in at account.audiodeliverynetwork.com, pick an organization, and Allow. That mints a revocable API Access key (visible under Settings → API Keys as MCP · …). Delete that key to disconnect.
Legacy configs that still send Authorization: Bearer or X-ADN-API-Key continue to work.
Knowledge/doc tools work with no key. For live API tools, set a server-side AudioDN API Access key (mint one in the dashboard at https://account.audiodeliverynetwork.com under Settings → API Keys).
export ADN_API_KEY="adn_..."
| Variable | Required | Default | Purpose |
|---|---|---|---|
ADN_API_KEY | No | – | Server-side API Access key for live-API tools. Knowledge tools work without it. |
ADN_API_BASE_URL | No | https://api.audiodelivery.net | Override the API host. |
ADN_MCP_LIVE_DOCS | No | off | Set to 1 to refresh bundled docs from the public site (falls back to the bundle offline). |
ADN_MCP_TIMEOUT_MS | No | 30000 | Per-request timeout in milliseconds. |
adn_delete_creator, adn_delete_collection, adn_delete_track) are available whenever live API tools are authenticated. They set destructiveHint: true so clients should confirm before running them.Besides the local npx stdio server above, AudioDN runs the same tool set as a hosted Streamable HTTP endpoint on Cloudflare Workers.
https://mcp.audiodelivery.net/mcp — the MCP endpoint. The root / serves a human landing page in a browser (and JSON for tooling), and /health returns machine-readable server info./.well-known/oauth-protected-resource and complete authorization code + PKCE against this host. Unauthenticated /mcp requests return 401 with a WWW-Authenticate challenge. Knowledge and live tools (including deletes) require authentication on the hosted endpoint.Authorization: Bearer adn_...
X-ADN-API-Key: adn_...
Example client configuration (OAuth — no pasted key):
{
"mcpServers": { "audiodn": { "url": "https://mcp.audiodelivery.net/mcp" } } }
The hosted Worker lives in worker/ and is deployed with Wrangler (npm run deploy); it is not part of the published npm package.
Worker secrets (not committed): MCP_JWT_SECRET, MCP_GRANT_ENCRYPTION_KEY, MCP_INTERNAL_HMAC, plus a KV namespace bound as MCP_OAUTH.
Settings → Tools & Integrations → MCP (or edit ~/.cursor/mcp.json):
Hosted (OAuth):
{
"mcpServers": { "audiodn": { "url": "https://mcp.audiodelivery.net/mcp" } } }
Local stdio:
{
"mcpServers": { "audiodn": { "command": "npx", "args": ["-y", "@audiodn/mcp"], "env": { "ADN_API_KEY": "adn_..." } } } }
Edit ~/Library/Application Support/Claude/claude_desktop_config.json (or the equivalent on your OS), then restart the app:
{
"mcpServers": { "audiodn": { "command": "npx", "args": ["-y", "@audiodn/mcp"], "env": { "ADN_API_KEY": "adn_..." } } } }
claude mcp add audiodn --env ADN_API_KEY=adn_... -- npx -y @audiodn/mcp
Any client that speaks MCP over stdio uses the same command. For VS Code, add to .vscode/mcp.json:
{
"servers": { "audiodn": { "command": "npx", "args": ["-y", "@audiodn/mcp"], "env": { "ADN_API_KEY": "adn_..." } } } }
For Codex CLI (~/.codex/config.toml):
[mcp_servers.audiodn]
command = "npx" args = ["-y", "@audiodn/mcp"] env = { ADN_API_KEY = "adn_..." }
| Tool | Description |
|---|---|
adn_about | Server version, bundled OpenAPI version, docs source, API base. |
adn_search_docs | Keyword search over bundled docs + OpenAPI summaries. |
adn_list_operations | List all REST operations (operationId, method, path). |
adn_get_operation | Full OpenAPI definition for one operationId. |
adn_get_guide | Canonical guide (authentication, upload, processing, playback, webhooks, output-types / variant-types, security, compatibility). |
adn_list_output_types | The seven output types and which are API-creatable (adn_list_variant_types is a legacy alias). |
On the hosted endpoint these require authentication (OAuth or legacy API key). On stdio they work without ADN_API_KEY.
| Tool | Description | Annotation |
|---|---|---|
adn_get_organization / adn_update_organization | Read/update org (id derived from API key when omitted) | read-only / write |
adn_create_client_key | Mint player / uploader / share key (returned once) | write |
adn_list_creators / adn_get_creator | Read creators | read-only |
adn_create_creator / adn_update_creator | Create/update creator | write |
adn_delete_creator | Delete creator | destructive |
adn_list_collections / adn_get_collection | Read collections | read-only |
adn_create_collection / adn_update_collection | Create/update collection | write |
adn_delete_collection | Delete collection + its tracks | destructive |
adn_create_collection_cover | Mint a fresh collection cover upload URL | write |
adn_list_tracks / adn_get_track | Read tracks. adn_get_track is metadata; use processing tools for readiness | read-only |
adn_find_resource | Exact name lookup for collection, creator, or track. Ambiguous names return candidates and do not create | read-only |
adn_get_processing | Uncached snapshot: upload_accepted, playable, per-output state | read-only |
adn_wait_for_processing | Short wait (default 12s) for playback, one output, settle, or cover. pending means call again with the same ids | read-only |
adn_create_track | One-shot track create (POST /v1/track) with upload URL | write |
adn_update_track | Update track metadata / player fields | write |
adn_delete_track | Soft-delete one track | destructive |
adn_create_track_cover | Mint a fresh track cover upload URL | write |
adn_create_upload_session / adn_get_upload_session | Manage upload sessions (optional nested track) | write / read-only |
adn_create_track_in_upload_session | Register a track, get track_upload.upload_url | write |
adn_create_play_session / adn_get_play_session | Mint/read play sessions (output indexes via variants wire field) | write / read-only |
adn_get_play_track | Signed URLs for a track inside a play session | read-only |
adn_get_play_download | Signed download URL for one output index (downloadable sessions) | read-only |
adn_list_output_presets / adn_get_output_preset | List/get org output presets (legacy: adn_list_variants / adn_get_variant) | read-only |
adn_create_track_output | Add a track-specific transcode/preview output (legacy: adn_create_track_variant) | write |
The server also exposes canonical docs as MCP resources for clients that attach context directly: audiodn://openapi.json, audiodn://llms-full.txt, and audiodn://guide/{topic} for each guide.
An agent helping a user host a podcast might call:
adn_get_guide({ topic: "upload" }) — learn the canonical multi-step flow.adn_create_collection({ title: "My Podcast" })adn_create_upload_session({ collection_id }) — or pass nested track: { file_name } to create the first track in the same call.adn_create_track_in_upload_session({ upload_session_id, file_name: "ep1.mp3" }) (skip if you already nested track above).PUTs the audio bytes to track_upload.upload_url. Create does not upload.adn_wait_for_processing({ target: "track_playback", track_id }). pending with UPLOAD_NOT_ACCEPTED means the PUT has not landed. pending with OUTPUT_PROCESSING or PROCESSING_TIMEOUT means workers are still running — call the same tool again with the same ids. incomplete can still be playable. To wait for one file (waveform, preview), use target: "track_output" and output_index.adn_list_output_presets() — pick real output indexes (e.g. hq, lq).adn_create_play_session({ scope: "track", track_id, variants: ["hq"] }) — returns a play_session_id (for the ADN Player) plus signed file URLs on first_track (for a custom player).npm install
npm run build npm test # vitest npm run smoke # build + spawn the real binary over stdio node dist/index.js
Run the AudioDN API and this MCP worker on different ports, then exercise OAuth and tools with the manual scripts under manual/:
# Terminal 1 — AudioDN API (audiodn-mono)
npm run dev:api # http://127.0.0.1:8787
cp .dev.vars.example .dev.vars # set ADN_API_KEY to a dashboard API Access key npm run dev:local # http://127.0.0.1:8788 (ADN_API_BASE_URL → local API)
npm run manual:auth # browser consent → writes manual/.env npm run manual # find, create, processing-wait, dry-run, delete
ADN_API_BASE_URL in .dev.vars (or the stdio environment) is the switch for which AudioDN API the MCP server calls. Production wrangler.toml keeps the public API default.
The Cloudflare Worker in worker/ serves the same tools over Streamable HTTP.
npx wrangler login
npm run dev:worker
ตัดมาแค่ช่วงต้น อ่านต่อใน repo