Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
ยังไม่มีคำอธิบายภาษาไทย ดูข้อเท็จจริงด้านล่าง หรือเปิดคำอธิบายต้นฉบับจากผู้ทำ
Author Rive; convert Lottie, After Effects, Animate and Figma into it; animate AI and pixel art.เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
ผลตรวจผ่าน 2/3 · ทำงานบนเครื่องคุณ · ✓ ตรวจคำสั่งแล้ว 13 พ.ย. 2569
ขั้นแรก: คุณใช้ AI ตัวไหน
เลือกแอปที่คุณใช้ ขั้นตอนจะขึ้นด้านล่าง
ต่อกับ Claude ได้ แต่ต้องเตรียมก่อน
ต้องมีคีย์ของ Polymation (สร้างที่เว็บของผู้ทำ) · ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว) · ใช้ได้เฉพาะแอป Claude บนคอม (Windows หรือ Mac) ไม่ใช่บนเว็บหรือมือถือ
เปิดเว็บของผู้ทำ สมัครบัญชีแล้วสร้างคีย์ (API key) เก็บไว้ ใช้ในขั้นถัดไป ราคาและแผนฟรีดูที่เว็บของผู้ทำ
SettingsDeveloperEdit Config
{
"mcpServers": {
"rivemcp": {
"command": "npx",
"args": [
"-y",
"rivemcp"
],
"env": {
"POLYMATION_LICENSE_KEY": "ใส่ค่าของคุณ"
}
}
}
}วางคีย์ในช่องของแอปเท่านั้น อย่าวางในแชตหรือส่งให้ใคร
ใช้ Polymation บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง✓ ถ้า Claude บอกว่ากำลังใช้ Polymation หรือมีชื่อเครื่องมือของ Polymation ขึ้นในคำตอบ แปลว่าต่อสำเร็จ
ชื่อเมนูตรวจกับหน้าช่วยเหลือของ Anthropic เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป
ChatGPT ยังต่อ Polymation ไม่ได้
Polymation ต้องติดตั้งในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะตัวที่ทำงานบนเว็บ
ก · ใช้แอปที่ต่อ Polymation ได้
ข · ตัวอื่นในหมวด ออกแบบ ภาพ และเสียง ที่ต่อกับ ChatGPT ได้
เลือกจากตัวที่ใช้มากในหมวดเดียวกัน เฉพาะตัวที่ต่อด้วยที่อยู่ได้โดยไม่ต้องใส่คีย์
ต่อกับ Claude Code ได้ แต่ต้องเตรียมก่อน
ต้องมีคีย์ของ Polymation (สร้างที่เว็บของผู้ทำ) · ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)
เปิดเว็บของผู้ทำ สมัครบัญชีแล้วสร้างคีย์ (API key) เก็บไว้ ใช้ในขั้นถัดไป ราคาและแผนฟรีดูที่เว็บของผู้ทำ
Mac: กด Command+Space พิมพ์ Terminal · Windows: เปิด PowerShell
claude mcp add --scope user rivemcp --env POLYMATION_LICENSE_KEY='ใส่ค่าของคุณ' -- npx -y rivemcpแก้ “ใส่ค่าของคุณ” เป็นคีย์ของคุณก่อนกด Enter
วางคีย์ในช่องของแอปเท่านั้น อย่าวางในแชตหรือส่งให้ใคร
ต้องเห็น Polymation ในรายการและขึ้นว่าเชื่อมต่อแล้ว
ใช้ Polymation บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง✓ ถ้า Claude Code บอกว่ากำลังใช้ Polymation หรือมีชื่อเครื่องมือของ Polymation ขึ้นในคำตอบ แปลว่าต่อสำเร็จ
ชื่อเมนูตรวจกับหน้าช่วยเหลือของ Anthropic เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป
ต่อกับ Cursor ได้ แต่ต้องเตรียมก่อน
ต้องมีคีย์ของ Polymation (สร้างที่เว็บของผู้ทำ) · ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)
เปิดเว็บของผู้ทำ สมัครบัญชีแล้วสร้างคีย์ (API key) เก็บไว้ ใช้ในขั้นถัดไป ราคาและแผนฟรีดูที่เว็บของผู้ทำ
ในค่าตั้งของ Polymation ช่อง POLYMATION_LICENSE_KEY ยังว่าง ใส่คีย์ของคุณแล้วบันทึก
วางคีย์ในช่องของแอปเท่านั้น อย่าวางในแชตหรือส่งให้ใคร
ใช้ Polymation บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง✓ ถ้า Cursor บอกว่ากำลังใช้ Polymation หรือมีชื่อเครื่องมือของ Polymation ขึ้นในคำตอบ แปลว่าต่อสำเร็จ
ชื่อเมนูตรวจกับหน้าช่วยเหลือของ Cursor เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป
ต่อกับ VS Code ได้ แต่ต้องเตรียมก่อน
ต้องมีคีย์ของ Polymation (สร้างที่เว็บของผู้ทำ) · ต้องลง Node.js ในเครื่องก่อน (ทำครั้งเดียว)
เปิดเว็บของผู้ทำ สมัครบัญชีแล้วสร้างคีย์ (API key) เก็บไว้ ใช้ในขั้นถัดไป ราคาและแผนฟรีดูที่เว็บของผู้ทำ
ในค่าตั้งของ Polymation ช่อง POLYMATION_LICENSE_KEY ยังว่าง ใส่คีย์ของคุณแล้วบันทึก
วางคีย์ในช่องของแอปเท่านั้น อย่าวางในแชตหรือส่งให้ใคร
ใช้ Polymation บอกหน่อยว่าทำอะไรให้ฉันได้บ้าง แล้วลองทำให้ดูหนึ่งอย่าง✓ ถ้า VS Code บอกว่ากำลังใช้ Polymation หรือมีชื่อเครื่องมือของ Polymation ขึ้นในคำตอบ แปลว่าต่อสำเร็จ
ชื่อเมนูตรวจกับหน้าช่วยเหลือของ VS Code เมื่อ 11 พ.ย. 2569 · หน้าจอของคุณอาจต่างเล็กน้อยตามรุ่นของแอป
Claude Code
claude mcp add --scope user rivemcp --env POLYMATION_LICENSE_KEY='ใส่ค่าของคุณ' -- npx -y rivemcpClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"rivemcp": {
"command": "npx",
"args": [
"-y",
"rivemcp"
],
"env": {
"POLYMATION_LICENSE_KEY": "ใส่ค่าของคุณ"
}
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"rivemcp": {
"command": "npx",
"args": [
"-y",
"rivemcp"
],
"env": {
"POLYMATION_LICENSE_KEY": "ใส่ค่าของคุณ"
}
}
}
}VS Code (mcp.json)
{
"servers": {
"rivemcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"rivemcp"
],
"env": {
"POLYMATION_LICENSE_KEY": "ใส่ค่าของคุณ"
}
}
}
}POLYMATION_LICENSE_KEY ความลับ envค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
npm: rivemcpดูจากแบบการต่อของ server ตัวนี้ และเอกสารของผู้ทำโปรแกรมแต่ละตัว ตรวจเมื่อ 10 พ.ย. 2569
ติดตั้งบนเครื่องได้ใน
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 13 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub paradoxsyn ซึ่งเป็นเจ้าของ repo
มีการแก้โค้ดล่าสุด เมื่อวานซืน
GitHub อ่านชนิด license ไม่ออก ต้องเปิดไฟล์ดูเอง
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
ถาม แชร์เคล็ดลับ หรือแจ้งว่าใช้ไม่ได้ เรียงตามที่คนกดว่ามีประโยชน์
ยังไม่มีใครโพสต์ ถามหรือแชร์เป็นคนแรกได้เลย
ข้อความในส่วนนี้เขียนโดยผู้ใช้ ไม่ใช่ทีม PopNx
ยังไม่มีรีวิว
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 2 จาก 3 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: POLYMATION_LICENSE_KEY
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด เมื่อวานซืน และส่งรุ่นล่าสุด (1.25.0) เข้า registry เมื่อวานซืน
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย
ในหมวดเดียวกันมี Figma Context MCP, AutoClip, Next AI Draw.io
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:↓ ดาวน์โหลดต่อสัปดาห์i★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Clip long videos into short clips with covers and captions. Local CLI and MCP.
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
An MCP server that authors Rive files and converts other animation formats into them — offline, with no design app and no account. Your AI assistant describes the animation; Polymation writes the file, renders it with Rive's own runtime to check it, and reports every decision a conversion had to make.
.riv and editor .rev (opens in the Rive editor), covering the whole runtime: shapes, paths, gradients, feathering, text, images, bones and meshes, keyframes, state machines, listeners, view models and data binding, layouts, scripting scaffolding..aep (read directly, no After Effects needed), Adobe Animate .fla, Figma (including Figma Motion timelines), Spline and glTF, plus Rive back out to Lottie, dotLottie, Spline and Figma. Every conversion comes with a per-decision report — clean, reconstructed, dropped, or needs your call — and a rendered comparison against the source's own renderer.npx skills add paradoxsyn/rivemcp-releases offers eight: polymation (everything), lottie-to-rive, fix-ai-pixel-art, video-to-sprite-sheet, pixel-character-animation, rive-state-machines, rig-character-from-image and greybox-to-art. Add --skill for one.226 MCP tools, reached through two: find_tool finds the one for a job and use_tool runs it, so an assistant carries about 2,400 tokens of tool definitions per message instead of 50,000+. A third, report_problem, sends the team a problem report — only one you have seen and agreed to send.
| Format | Author | Convert | Status |
|---|---|---|---|
Rive — .riv / .rev | ✅ | ↔ Spline, ↔ Lottie, → Figma | Live |
Spline — .splinecode / .spline | ✅ | ↔ Rive, ↔ Lottie, → Figma | Live |
Lottie — .lottie / .json | — | ↔ Rive, ↔ Spline, → Figma | Live |
| Figma | — | → Rive / Spline / Lottie | Live |
After Effects — .aep | edit only | → Rive / Lottie / Spline / Figma | Live |
Adobe Animate — .fla / XFL | — | → Rive / Lottie / Spline / Figma | Live |
| glTF / GLB — Blender, Maya, Cinema 4D | — | → Spline / Rive / Lottie / Figma | Live |
Every conversion crosses a model boundary, so every one is lossy — the report says what came across clean, what was reconstructed, what was dropped and what needs your call. After Effects is read natively (no After Effects install, no plugin) and can be edited and saved back; writing a .aep from scratch is not offered, because without After Effects there is no way to check such a file would open.
{
"mcpServers": { "polymation": { "command": "npx", "args": ["-y", "rivemcp"], "env": { "POLYMATION_LICENSE_KEY": "your-key" } } } }
Installing the package downloads the standalone binary for your platform. The licence key is optional to start: without one, the trial allowance applies. Keys are at polymation.stunning.gg.
Windows, macOS (Intel and Apple Silicon) and Linux builds — no Node.js needed — are on the releases page.
Previews, GIFs and conversion checks render with Rive's own runtime in a headless Chromium. If a render tool reports that Chromium is missing, run npx playwright install chromium once.
Polymation sends counts of which of its tools ran and whether they worked, with its version and how it was installed. Nothing about you: no identifier of any kind, and never your files, paths, tool settings, prompts or error messages. Details: privacy notice.
With a paid licence key it also sends that key's activity record: per day and tool, how many calls worked and wrote a finished file, with the key and device identifier, kept 540 days to answer billing questions and payment disputes (details). A free trial sends none.
Commercial software — see LICENSE. A trial allowance is included; a key from polymation.stunning.gg unlocks unlimited use.