OpenDesign Motion: ทางเลือก Claude Motion แบบโอเพนซอร์สฟรี

OpenDesign Motion ออกเมื่อ 15 ต.ค. 2026 ใน OpenDesign v0.25.0 ชื่อรหัสของรุ่นนั้นคือ OpenDesign Motion พาดหัวเรียกมันว่า ทางเลือกโอเพนซอร์สของ Claude Motion

นี่คือเว็บไซต์อิสระ เราไม่ได้สังกัด OpenDesign, Anthropic หรือ Google

โค้ดอยู่ในรีโป open-design รุ่นนี้นับ 53 PRs, ผู้มีส่วนร่วม 16 คน และ 21 วัน บรรทัดใต้ตัวเลขนั้นคือ เปลี่ยนไอเดียเป็นวิดีโอด้วยโค้ด

OpenDesign Motion คืออะไร

OpenDesign Motion คือ motion design โอเพนซอร์ส ที่สร้างเป็นโค้ด OpenDesign ใช้สัญญาอนุญาต Apache 2.0 รุ่นนี้วางมันเป็น ทางเลือก Claude Motion แบบโอเพนซอร์ส ไม่ใช่โมเดลข้อความเป็นวิดีโอ

coding agent เขียน HTML, CSS และ GSAP HyperFrames เรนเดอร์หน้านั้นเป็น MP4 แบบ deterministic ด้วย headless Chrome และ FFmpeg HyperFrames คือเฟรมเวิร์กวิดีโอโอเพนซอร์สของ HeyGen ที่ทำมาเพื่อเอเจนต์ และผสานเป็น first-class citizen ใน OpenDesign สัญญาอนุญาตของเฟรมเวิร์กคือ Apache-2.0 README ทำเครื่องหมายภาพย่อของแคตตาล็อกเป็น © HeyGen

โน้ต v0.25.0 บอกให้เริ่มจาก ห้าตัวอย่างที่แนบมา สร้างแอนิเมชันที่แก้ได้ และส่งออก MP4 ขอวิดีโอ แล้วผลลัพธ์คือ ไฟล์ซอร์สที่แก้ได้และ MP4 แอนิเมชันแบบโต้ตอบยังเป็น HTML ที่รันได้ เสียงหยุดเมื่อคุณออกจากพรีวิวที่กำลังทำงาน ห้าตัวอย่างคือ Motion Future, Product Promo, Showreel, UI Morph และ Visual Lesson การส่งออกวิดีโอตรวจว่า MP4 เล่นได้ และการส่งออกที่ล้มเหลวจะเก็บซอร์สที่แก้ได้ไว้

รุ่นเดียวกันบอกว่าเวอร์ชันนี้ทำให้การแก้ไข พรีวิว และการทำงานต่อข้ามอุปกรณ์ลื่นขึ้น

README บอกว่า เทมเพลต HyperFrames 11 ชุด และ พรอมต์ Seedance 39 รายการ มาพร้อมรีโป README ชี้เวิร์กโฟลว์เรนเดอร์ของ OpenDesign (composition cache, ทางอ้อม sandbox-exec และ MP4-as-chip) ไปที่ design-templates/hyperframes/ ในรีโป

README ยังบอกว่าจับคู่ HyperFrames กับตัวสร้างอื่นได้ Seedance 2.0 ถูกระบุสำหรับข้อความเป็นวิดีโอและภาพเป็นวิดีโอแบบภาพยนตร์ Veo 3, Sora 2 และ Kling 2 ถูกระบุเป็นรุ่นโมเดลที่ถูกส่งต่อ Suno v5 และ Lyria 2 ถูกระบุสำหรับชั้นเสียง การจับคู่นั้นเป็นเส้นทางที่สอง การเรนเดอร์ Motion เองยังเป็นการเปลี่ยนแอนิเมชัน HTML ให้เป็น MP4

OpenDesign ไม่ได้ส่งเอเจนต์มาให้ README บอกว่าเอนจินออกแบบคือไบนารี claude, codex, cursor-agent, copilot, hermes หรือ kimi ที่มีอยู่แล้วบน PATH ของคุณ สลับได้ในคลิกเดียว

ตัวแอปเองเป็นโอเพนซอร์ส ไม่ได้รวมโมเดลมาให้ ดังนั้นค่าใช้จ่ายโมเดลขึ้นกับเอเจนต์หรือคีย์ API ที่คุณนำมา

เมื่อ 17 ต.ค. 2026 eogee.com รายงานว่าทีมเปิดตัว OpenDesign บอกว่าวิดีโอเดโมตอนเปิดตัวทำด้วย DeepSeek V4.1 Flash ภายใน OpenDesign นั่นคือคำกล่าวของผู้ขาย บันทึกนั้นไม่มี benchmark อิสระ

วิธีติดตั้ง OpenDesign

ขั้นตอนด้านล่างคือเส้นทางติดตั้งใน README ของ OpenDesign บล็อกคำสั่งคัดลอกมาจากไฟล์นั้น

แอปเดสก์ท็อป

README เรียกแอปเดสก์ท็อปว่าเส้นทางที่เร็วที่สุด ไม่ต้องมี Node ไม่ต้องมี pnpm และไม่ต้องโคลน

หลังติดตั้ง แอปตรวจหา CLI ของ coding-agent ทุกตัวบน PATH ของคุณเอง มันโหลด สกิลที่ใช้งานได้ 100+, แคตตาล็อกเทมเพลตเรนเดอร์แยกต่างหาก และ ระบบออกแบบ 151 ชุด คุณพิมพ์บรีฟในมุมมองเริ่มต้น

โปรเจกต์รันในเครื่องหรือใน deployment ของคุณเองได้ คำขอโมเดลบนคลาวด์และคำขอ OpenDesign Cloud ไปที่บริการเหล่านั้น

ติดตั้งลงใน coding agent

ใช้ OpenDesign โดยไม่มี GUI ได้ เรียกมันเป็นสกิล ปลั๊กอิน หรือเซิร์ฟเวอร์ MCP ภายใน Claude Code, Codex, Cursor, Copilot, OpenClaw, Antigravity, Hermes, Kimi และอื่น ๆ

/usr/bin/od อาจบัง od ของ OpenDesign ถ้าคุณติดตั้งแอป macOS จาก DMG หรือ cask ของ Homebrew เชลล์อาจยังชี้ od ไปที่ยูทิลิตี octal-dump /usr/bin/od ของ Apple เปิด Settings → MCP server ในแอปเดสก์ท็อปแล้วคัดลอกส่วนย่อยเฉพาะไคลเอนต์ ส่วนย่อยนั้นใช้พาธสัมบูรณ์ และไม่พึ่งคำสั่ง od เปล่า ๆ ผู้ใช้ WSL2 ควรทำตาม docs/wsl-setup.md ในรีโปก่อน

install.sh เป็นตัวหุ้มเชลล์บาง ๆ รอบ od mcp install มีไว้เพื่อให้ URL ที่โฮสต์คืน shell แทน HTML สำรองของหน้าแลนดิง และล้มเหลวทันทีถ้าเชลล์ของคุณชี้ไปที่ไบนารี od ที่ไม่ใช่ของ OpenDesign

# One-line install into the agent you're using:
od mcp install <agent>
# <agent> = claude | codex | reasonix | raven | cursor | copilot | openclaw
#         | antigravity | pi | vibe | hermes | cline | kimi | kiro
#         | trae | opencode

# Hosted equivalent for curl-based setup:
curl -fsSL https://open-design.ai/install.sh | sh -s <agent>

จากนั้น ภายในเอเจนต์:

> Use open-design to generate a landing page with the Linear design system

ในการรัน CLI ในเครื่องที่มีระบบไฟล์หนุน เอเจนต์ประกอบสกิลที่ใช้งานได้หรือเทมเพลตออกแบบที่เลือกกับ DESIGN.md ของคุณ เขียนไฟล์โปรเจกต์มาตรฐาน และ OpenDesign แสดงพรีวิวไฟล์เหล่านั้น การรัน BYOK หรือ API ธรรมดาที่ไม่มีเครื่องมือระบบไฟล์จะคืนบล็อก <artifact> ที่สมบูรณ์หนึ่งบล็อก

Docker

git clone https://github.com/nexu-io/open-design.git
cd open-design/deploy
cp .env.example .env
echo "OD_API_TOKEN=$(openssl rand -hex 32)" >> .env
docker compose up -d
# open http://127.0.0.1:7456

ถ้าเบราว์เซอร์ขอข้อมูลรับรอง ให้ใช้ open-design เป็นชื่อผู้ใช้ และค่า OD_API_TOKEN จาก deploy/.env เป็นรหัสผ่าน วิธีนี้ทำให้ทราฟฟิก Docker bridge ผ่านการยืนยันตัวโดยไม่ใช้เครือข่ายของโฮสต์ ไคลเอนต์ API ยังใช้ Authorization: Bearer <OD_API_TOKEN> ได้

รันจากซอร์ส

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web

เปิด URL ที่ tools-dev พิมพ์ออกมา พอร์ตสำหรับพัฒนาถูกจัดสรรแบบไดนามิก เว้นแต่คุณส่งแฟล็กพอร์ตที่ระบุชัด

ใช้ Node ~24 และ pnpm 10.33.x โน้ต WSL2 อยู่ใน docs/wsl-setup.md โน้ต Windows แบบเนทีฟอยู่ใน docs/windows-troubleshooting.md quickstart ฉบับเต็ม ตัวแปรสภาพแวดล้อม และขั้นตอนบิลด์ที่แพ็กไว้ อยู่ใน QUICKSTART.md ไฟล์เหล่านั้นอยู่ใน รีโป

วิธีเริ่ม Motion

โน้ต v0.25.0 ให้เส้นทางนี้ เปิด Motion Design บน Home หรือ Community เลือกหนึ่งใน ห้าตัวอย่างที่แนบมา ใช้สกิล motion จาก ตัวเลือก @ ขอวิดีโอ คุณได้ไฟล์ซอร์สที่แก้ได้และ MP4 แอนิเมชันแบบโต้ตอบยังเป็น HTML ที่รันได้ เสียงหยุดเมื่อคุณออกจากพรีวิวที่กำลังทำงาน

OpenDesign Motion vs Claude Motion vs Gemini Omni

แถวด้านล่างใช้ รีลีส v0.25.0, README ของ OpenDesign, บทความวันที่ 8 ต.ค. 2026 ของ Anthropic, ศูนย์ช่วยเหลือ Claude Motion และหน้าของไซต์นี้เรื่อง Gemini Omni คืออะไร

Claude Motion อยู่ในเบต้าบน Team and Enterprise ศูนย์ช่วยเหลือบอกว่าบน Team มัน เปิดเป็นค่าเริ่มต้น บน Enterprise มันคง ปิด อยู่จนกว่าเจ้าของจะเปิดใน Organization settings > Artifacts บทความของ Anthropic บอกผู้ดูแล Enterprise ให้ใช้สวิตช์เดียวกันนั้นสำหรับ Dashboards และ Motion

Claude เขียนโค้ดที่ทำให้ข้อความ กราฟ รูปทรง และภาพเคลื่อนไหว เปลี่ยนคำ ตัวเลข หรือจังหวะเวลาใดก็ได้ ปรับชิ้นงานในเอดิเตอร์ หรือขอให้ Claude เปลี่ยน แล้วดาวน์โหลด MP4 ศูนย์ช่วยเหลือบอกว่าแอนิเมชันเป็น artifact ที่สร้างจาก Motion template บันทึกไว้ในแท็บ Artifacts ส่งออกด้วย Export > MP4 มัน เป็นส่วนตัวเป็นค่าเริ่มต้น แชร์เพื่อแชร์มัน การใช้งานนับเข้าขีดจำกัดการใช้ของแผน แอนิเมชันที่ยาวกว่าหรือซับซ้อนกว่าใช้มากกว่า

ตัวอย่างในบทความคือรายงานรายไตรมาสที่ถูกทำให้เป็นคลิปอธิบาย 30 วินาทีสำหรับประชุมทั้งบริษัท motion บนกราฟในสไลด์สำหรับบอร์ด และ การพาชมผลิตภัณฑ์สำหรับ onboarding ลูกค้า บรรทัดเหล่านั้นเป็นตัวอย่างในบทความ ระยะเวลาสูงสุด ความละเอียด และอัตราเฟรม ไม่ได้เผยแพร่ Anthropic บอกว่า Claude Motion ไม่ได้ใช้โมเดลสร้างวิดีโอ ไม่มีฟุตเทจที่สร้างขึ้น และไม่มีคนที่ AI สร้าง Anthropic ระบุการส่งต่อไปยัง Adobe, Descript, HeyGen, Higgsfield, invideo, Luma AI หรือ Runway โดย Canva และ Captions จะตามมา

Gemini Omni คือโมเดลเชิงสร้างที่ Google เปิดตัวที่ I/O 2026 เมื่อ 19 พ.ค. มันสร้างวิดีโอจากอินพุต ข้อความ ภาพ เสียง หรือวิดีโอ พร้อม เสียงซิงก์แบบเนทีฟ รุ่นแรกคือ Gemini Omni Flash มันสร้างฟุตเทจจริง OpenDesign Motion และ Claude Motion เรนเดอร์แอนิเมชันที่อิงโค้ด Omni ถูกรวมเข้าใน Google AI Plus, Pro, and Ultra

เซลล์จะเขียนว่า ไม่ได้เผยแพร่ เมื่อแหล่งเหล่านี้ไม่ได้ระบุข้อเท็จจริงนั้น

ควรใช้ตัวไหนเมื่อไร

1. ใช้ OpenDesign Motion สำหรับ motion design โอเพนซอร์สที่แก้เป็น HTML, CSS และ GSAP แล้วส่งออกเป็น MP4 แอปเดสก์ท็อปครอบคลุม macOS และ Windows Linux รันจากซอร์ส คุณนำ coding agent ที่มีอยู่แล้วบน PATH มาเอง หรือติดตั้ง OpenDesign ลงในตัวใดตัวหนึ่ง
2. ใช้ Claude Motion บนแผน Claude Team or Enterprise เมื่อต้องการแอนิเมชันเบต้าของข้อความ กราฟ รูปทรง และภาพภายใน Claude บน Team เปิดไว้เป็นค่าเริ่มต้น เจ้าของ Enterprise เปิดใต้ Organization settings > Artifacts เริ่มจาก บทความ ของ Anthropic และ ศูนย์ช่วยเหลือ
3. ใช้ Gemini Omni เมื่อต้องการฟุตเทจที่สร้างขึ้นและเสียงซิงก์แบบเนทีฟ Gemini Omni คืออะไร ครอบคลุมโมเดลนั้น ร่างพรอมต์ฟุตเทจ Gemini Omni หรือพรอมต์ Seedance และ Veo สำหรับเส้นทางจับคู่ของ OpenDesign ใน ตัวสร้างพรอมต์

บทความที่เกี่ยวข้อง

• OpenDesign บน GitHub
• รีลีส OpenDesign v0.25.0
• HyperFrames
• Anthropic: Dashboards and Motion
• Get started with Claude Motion
• Gemini Omni คืออะไร
• ตัวสร้างพรอมต์