Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Create videos with prompts, and use Rendley’s video editor to adjust anything you need.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
Authorizationต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ที่อยู่นี้ต้องใส่ key ใน header ของคำขอ ซึ่งเมนูเพิ่ม connector ใส่ให้ไม่ได้ ใช้ Claude Code, Cursor หรือ VS Code แทน
พิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http rendley https://mcp.rendley.com/mcp --header 'Authorization: Bearer {rendley_api_key}'เติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"rendley": {
"url": "https://mcp.rendley.com/mcp",
"headers": {
"Authorization": "Bearer {rendley_api_key}"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"rendley": {
"type": "http",
"url": "https://mcp.rendley.com/mcp",
"headers": {
"Authorization": "Bearer {rendley_api_key}"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ที่อยู่นี้ต้องใส่ key ใน header ของคำขอ ซึ่งเมนูเพิ่ม connector ใส่ให้ไม่ได้ ใช้ Claude Code, Cursor หรือ VS Code แทน
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
Authorization HTTP headerค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
ยังไม่ได้อ่านรายการเครื่องมือของตัวนี้ เราตรวจ endpoint ทีละชุดวนไป
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub rendleyhq ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
รันบนคลาวด์ของผู้ทำ ต่อผ่านอินเทอร์เน็ตได้เลย ไม่ต้องลงโปรแกรม แต่ข้อมูลที่ส่งให้จะผ่านเซิร์ฟเวอร์ของผู้ทำ
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.0.1) เข้า registry 5 เดือนที่ผ่านมา
โปรแกรมที่รองรับ 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
The MCP server for Rendley. It gives an AI assistant a full video editor: connect it once, then create and edit video by describing what you want, in the same chat you already work in. Under the hood it drives the hosted Rendley editor in a browser and calls the hosted Rendley API on your behalf:
https://app.rendley.comhttps://api.rendley.com/v1The same agent is also reachable over plain HTTP (POST /v1/agent) for backends that don't speak MCP. See REST example.
There are two ways to use it:
https://mcp.rendley.com/mcp. Nothing to run. See Connect a client.📖 Full documentation, with step-by-step setup guides and screenshots: [docs.rendley.com/mcp](https://docs.rendley.com/mcp)
Any client that speaks remote MCP can connect. Point it at the endpoint and authenticate by signing in or with an API key:
https://mcp.rendley.com/mcp
Authorization: Bearer YOUR_RENDLEY_API_KEY header. Create one at Settings → API Keys; see Get an API key.Most clients accept a JSON config like this:
{
"mcpServers": { "rendley": { "url": "https://mcp.rendley.com/mcp", "headers": { "Authorization": "Bearer YOUR_RENDLEY_API_KEY" } } } }
For sign-in, drop the headers block and let the client run the browser flow.
The docs have illustrated, per-client walkthroughs:
mcp-remote bridge for local-only clients.For Claude Code specifically:
claude mcp add --transport http rendley https://mcp.rendley.com/mcp \
--header "Authorization: Bearer YOUR_RENDLEY_API_KEY"
Ask the client what it can do, then try a simple request:
What can Rendley do here?
List my projects.
If it lists the Rendley tools and your projects, you're connected. From there, describe the video you want and the assistant creates a project, builds the edit, and returns a link.
This repo is the MCP server only; it does not run the full Rendley stack locally. It talks to the hosted Rendley API and editor. When you self-host, point clients at your own https:// /mcp instead of https://mcp.rendley.com/mcp.
>= 1.1 (or Docker)git clone https://github.com/rendleyhq/rendley-mcp.git
cd rendley-mcp
bun install bun dev # http://localhost:8787
API_BASE_URL and APP_BASE_URL default to the hosted Rendley API and editor, so the server boots out of the box with no .env at all; copy .env.example only to point at a different stack. The server holds no credentials of its own: every request authenticates with the caller's own API key or OAuth token.
By default the server drives the editor with a local Chrome (BROWSER_MODE=local), so no extra infrastructure is needed. bun install downloads a bundled Chromium; with USE_CHROME_CHANNEL=true it prefers your installed Google Chrome and falls back to the bundled browser. Set HEADLESS=false to watch the editor in a visible window, and CPU_ONLY=true on machines without a usable GPU.
Verify it's up:
curl http://localhost:8787/health
docker compose up -d --build
curl http://localhost:8787/health
Use the same client steps as the hosted server, but swap the endpoint for your host (e.g. http://localhost:8787/mcp) and authenticate with your API key as a bearer token:
{
"mcpServers": { "rendley": { "url": "http://localhost:8787/mcp", "headers": { "Authorization": "Bearer YOUR_RENDLEY_API_KEY" } } } }
OAuth. OAuth sign-in is always on. Clients that support it (Claude connectors, ChatGPT, codex mcp login rendley) can sign in via the hosted login flow instead of pasting a key; the server advertises the authorization server through RFC 9728 protected-resource metadata. Set MCP_PUBLIC_URL to this server's public URL so discovery points at the right host.
For hosted deployments, set BROWSER_MODE=remote and point the server at a deployed remote browser worker. The server mints a short-lived editor session token and posts it to the worker, so the caller's credential never leaves this process:
BROWSER_MODE=remote
BROWSER_WORKER_URL=https:// BROWSER_WORKER_TOKEN=
All configuration is via environment variables; start from .env.example, which documents every option. The essentials:
| Variable | Default | Purpose |
|---|---|---|
API_BASE_URL | https://api.rendley.com/v1 | Rendley API root. Override for staging or a self-hosted stack. |
APP_BASE_URL | https://app.rendley.com | Rendley editor root. Override for staging or a self-hosted stack. |
MCP_PUBLIC_URL | none | This server's public URL, advertised for OAuth discovery. |
BROWSER_MODE | local | local = in-process Playwright Chrome; remote = remote browser worker. |
HEADLESS | true | Local mode only; false shows the browser window. |
USE_CHROME_CHANNEL | true | Local mode only; prefer installed Chrome over bundled Chromium. |
CPU_ONLY | false | Force software WebGL (SwiftShader) on hosts without a GPU. |
QUEUE_CONCURRENCY | 120 | Max concurrent browser-backed jobs per container. |
CORS_ORIGINS | none | CSV allowlist of browser origins. Empty disables CORS. |
| Method | Path | |
|---|---|---|
POST | /mcp | MCP Streamable HTTP transport |
POST | /v1/agent | Start an async edit job |
GET | /v1/jobs/:id | Poll a job |
GET | /health | Liveness |
You don't need an MCP client to drive the agent. The same agent is available over plain HTTP. Start a job, get an id back, and poll until the video is ready. Full reference: docs.rendley.com/mcp/api-access.
# Start a job (swap in http://localhost:8787 for a self-hosted instance)
curl -X POST https://mcp.rendley.com/v1/agent \ -H "Authorization: Bearer $RENDLEY_API_KEY" \ -H "Content-Type: application/json" \ -d '{ "prompt": "Create a 9:16 slideshow from these files", "files": [ { "url": "https://cdn.example.com/photo1.jpg" }, { "url": "https://cdn.example.com/photo2.jpg" } ] }'
curl -H "Authorization: Bearer $RENDLEY_API_KEY" \ https://mcp.rendley.com/v1/jobs/
/health is healthy whenever the server can serve; browser launch failures surface on browser-backed requests.bun dev # watch mode, pretty logs
bun start # production start bun run typecheck
Apache License 2.0. © 2026 Rendley.