Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
AI comic & short-drama studio: scripts to storyboards, image/video generation on an infinite canvas
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
Authorizationค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ที่อยู่นี้ต้องใส่ key ใน header ของคำขอ ซึ่งเมนูเพิ่ม connector ใส่ให้ไม่ได้ ใช้ Claude Code, Cursor หรือ VS Code แทน
พิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http rooyun https://www.rooyun.com/api/mcp --header 'Authorization: ใส่ค่าของคุณ'เติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"rooyun": {
"url": "https://www.rooyun.com/api/mcp",
"headers": {
"Authorization": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"rooyun": {
"type": "http",
"url": "https://www.rooyun.com/api/mcp",
"headers": {
"Authorization": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ที่อยู่นี้ต้องใส่ key ใน header ของคำขอ ซึ่งเมนูเพิ่ม connector ใส่ให้ไม่ได้ ใช้ Claude Code, Cursor หรือ VS Code แทน
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
Authorization ความลับ จำเป็น HTTP headerค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
server ให้ล็อกอินก่อนจึงจะแสดงรายการเครื่องมือ
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 6 พ.ย. 2569
ชื่อใน registry ยืนยันโดเมน rooyun.com แล้ว (registry ตรวจความเป็นเจ้าของโดเมน)
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตอบกลับใน 2745 ms (HTTP 401)
ประกาศวิธีล็อกอินแบบ OAuth ให้โปรแกรม AI พาไปล็อกอินเอง
ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 3 จาก 3 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: Authorization
รันบนคลาวด์ของผู้ทำ ต่อผ่านอินเทอร์เน็ตได้เลย ไม่ต้องลงโปรแกรม แต่ข้อมูลที่ส่งให้จะผ่านเซิร์ฟเวอร์ของผู้ทำ
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.58.0) เข้า registry วันนี้
โปรแกรมที่รองรับ 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
让 Claude Code、Codex、Cursor 等 AI 编程助手,用一句话驱动 RooYun(如云):AI 漫剧与 AI 短剧的创作工作台。
「把这个剧本做成分镜工程」→ Agent 在 RooYun 里建好项目,拆出角色、场景、道具和分镜卡片,报价后生成分镜图和视频,产物自动落回画布。
产出不是一堆散文件,而是一张你可以接着手工编辑的无限画布。
English · Agent 接入说明 · AI 漫剧教程
最简单的做法是按官网 Agent 接入 页操作:把那一页发给你的 AI 编程助手,它会自己装好、自己登录。下面是同样的几种方式,前两种直接从官网安装,不需要 GitHub。
| 方式 | 适合谁 | 怎么用 |
|---|---|---|
| 远程 MCP | Claude Code、Cursor、Cline 等 MCP 客户端 | 填一个 URL 和一枚令牌 |
| 从官网安装 Skill | Claude Code、Codex、WorkBuddy 等任何有 shell 的 Agent | 一条命令下载解压 |
| Claude Code 插件(可选) | 想用插件方式管理、随插件更新的 Claude Code 用户 | 从本仓库安装,内容与官网下载一致 |
服务地址:https://www.rooyun.com/api/mcp(Streamable HTTP),鉴权头 Authorization: Bearer <令牌>。令牌在 个人中心 → API 访问 创建。
claude mcp add --transport http rooyun https://www.rooyun.com/api/mcp --header "Authorization: Bearer <你的令牌>"
Cursor、Codex、Cline、Cherry Studio 等客户端的配置见 docs/mcp-clients.md。
Skill 比 MCP 多了本地脚本:能上传本地素材、批量下载产物、在本地拼接成片。有完整版和精简版,二选一安装(两者都会响应「用 RooYun 生成…」,同时装会抢着触发):
# 完整版(精简版把地址换成 "https://www.rooyun.com/api/skill/bundle?variant=cli")
curl -fL "https://www.rooyun.com/api/skill/bundle" -o rooyun-skill.zip mkdir -p ~/.claude/skills unzip -o rooyun-skill.zip -d ~/.claude/skills
装好后重启 Claude Code,对它说「登录 RooYun」:它会运行登录命令并打开浏览器,你在 RooYun 页面点一次「授权」即可,令牌保存在本机 ~/.rooyun/credentials.json。之后用 node ~/.claude/skills/rooyun/scripts/dj.mjs update 更新。
Codex 等读 AGENTS.md 的工具:把 AGENTS.snippet.md 粘进项目的 AGENTS.md。完整的安装、权限和环境变量说明见 skill 自带的 README。命令行工具 scripts/dj.mjs 零依赖,需要 Node.js 18 或更高版本,macOS、Linux、Windows 通用。
和官网下载的是同一份 Skill,区别只是用插件命令安装和更新:
claude plugin marketplace add DeepHiveAI/rooyun-skill
claude plugin install rooyun@rooyun # 精简版:rooyun-cli@rooyun
更新:claude plugin marketplace update rooyun,再 claude plugin update rooyun@rooyun。
国内访问 GitHub 慢的话,第一条命令换成 Gitee 镜像,其余不变:
claude plugin marketplace add https://gitee.com/yichuanWorks/rooyun-skill.git
本仓库还提供 rooyun-mcp 插件,只接上面的远程 MCP,安装时按提示填入令牌(保存在系统安全存储里)。
也可以不装插件,直接把 plugins/rooyun/skills/rooyun/ 整个目录拷进 ~/.claude/skills/,效果和从官网安装一样。
做不到的事情(比如用 API 直接拼出成片)在 SKILL.md 开头写明了,Agent 会提前告诉你。
dj.mjs 自己读写,Agent 不接触明文。可以在 个人中心 随时查看、设消费上限或吊销。.
├── .claude-plugin/marketplace.json # Claude Code 插件市场清单 ├── plugins/ │ ├── rooyun/ # 完整版 skill 插件 │ ├── rooyun-cli/ # 精简版 skill 插件 │ └── rooyun-mcp/ # 远程 MCP 插件 ├── server.json # MCP Registry 登记信息 ├── docs/mcp-clients.md # 各 MCP 客户端配置 └── examples/ # 示例剧本与提示词
https://www.rooyun.com/api/skill/bundle 下载到的完全一致。代码和文档以 MIT 许可证 发布。
「RooYun」名称和 logo 是 RooYun 的商标,不在 MIT 授权范围内。你可以修改和再分发本仓库的代码,但请不要以 RooYun 的名义发布修改版,或让人误以为是官方版本。