Gemini Omni
Quay lại tất cả bài
8 phút đọc

OpenDesign Motion: lựa chọn thay thế Claude Motion mã nguồn mở, miễn phí

OpenDesign Motion là lựa chọn thay thế Claude Motion mã nguồn mở và miễn phí. Cách cài công cụ motion design mã nguồn mở này, cùng phần so với Gemini Omni.

OpenDesign MotionClaude MotionGemini OmniMotion design2026

OpenDesign Motion ra mắt ngày 15/10/2026 trong OpenDesign v0.25.0. Tên mã của bản đó là OpenDesign Motion. Dòng tít gọi nó là lựa chọn thay thế mã nguồn mở cho Claude Motion.

Đây là trang độc lập. Chúng tôi không liên kết với OpenDesign, Anthropic hay Google.

Mã nằm trong repo open-design. Bản phát hành đếm 53 PR, 16 người đóng góp và 21 ngày. Dòng dưới con số đó là biến ý tưởng thành video bằng code.

OpenDesign Motion là gì

OpenDesign Motion là motion design mã nguồn mở được dựng bằng code. OpenDesign được cấp phép theo Apache 2.0. Bản phát hành đặt nó là lựa chọn thay thế Claude Motion mã nguồn mở. Đây không phải model văn bản thành video.

Một coding agent viết HTML, CSS và GSAP. HyperFrames kết xuất trang đó thành MP4 tất định bằng headless Chrome và FFmpeg. HyperFrames là khung video mã nguồn mở, dành cho agent, của HeyGen, được tích hợp như một first-class citizen trong OpenDesign. Giấy phép của khung là Apache-2.0. README đánh dấu thumbnail danh mục là © HeyGen.

Ghi chú v0.25.0 bảo bắt đầu từ năm ví dụ đi kèm, tạo một animation có thể sửa và xuất một MP4. Xin một video và kết quả là file nguồn có thể sửa và một MP4. Animation tương tác vẫn là HTML chạy được. Âm thanh dừng khi bạn rời bản xem trước đang hoạt động. Năm ví dụ là Motion Future, Product Promo, Showreel, UI Morph và Visual Lesson. Xuất video kiểm tra MP4 phát được, và một lần xuất thất bại giữ lại nguồn có thể sửa.

Cùng bản phát hành nói phiên bản này làm cho việc sửa, bản xem trước và tiếp tục công việc giữa các thiết bị trơn hơn.

README nói 11 template HyperFrames và 39 prompt Seedance đi cùng repo. README chỉ luồng kết xuất của OpenDesign (composition cache, cách xử lý tạm sandbox-exec, và MP4-as-chip) tới design-templates/hyperframes/ trong repo.

README cũng nói bạn có thể ghép HyperFrames với các bộ tạo khác. Seedance 2.0 được nêu cho văn bản thành video và hình thành video điện ảnh. Veo 3, Sora 2 và Kling 2 được nêu như các biến thể model được định tuyến. Suno v5 và Lyria 2 được nêu cho lớp âm thanh. Phép ghép đó là một đường thứ hai. Bản kết xuất Motion vẫn là animation HTML được chuyển thành MP4.

OpenDesign không kèm một agent. README nói động cơ thiết kế là binary claude, codex, cursor-agent, copilot, hermes hoặc kimi đã có trên PATH của bạn. Đổi bằng một lần bấm.

Bản thân ứng dụng là mã nguồn mở. Nó không đóng gói model, nên chi phí model tùy agent hoặc khóa API bạn mang theo.

Ngày 17/10/2026, eogee.com đưa tin đội ra mắt OpenDesign nói video demo ra mắt được làm bằng DeepSeek V4.1 Flash bên trong OpenDesign. Đó là lời của nhà cung cấp. Ghi chú không có benchmark độc lập.

Cách cài OpenDesign

Các bước dưới đây là đường cài trong README OpenDesign. Các khối lệnh được chép từ file đó.

Ứng dụng desktop

README gọi ứng dụng desktop là đường nhanh nhất. Không cần Node, không cần pnpm, và không cần clone.

Hệ thốngREADME bảo lấy ở đâu
macOS (Apple Silicon và Intel x64)open-design.ai hoặc GitHub Releases
Windows (x64)open-design.ai hoặc GitHub Releases
LinuxKhông có artifact Linux dựng sẵn trong các bản phát hành chính thức. Chạy OpenDesign từ mã nguồn. Việc phát hành cho Linux được theo dõi ở #4368.

Sau khi cài, ứng dụng tự nhận mỗi CLI coding-agent trên PATH của bạn. Nó tải 100+ skill chức năng, danh mục template kết xuất riêng, và 151 hệ thống thiết kế. Bạn gõ một brief ở khung vào.

Dự án có thể chạy tại chỗ hoặc trên bản triển khai của bạn. Yêu cầu model đám mây và yêu cầu OpenDesign Cloud đi tới các dịch vụ đó.

Cài vào một coding agent

Bạn có thể dùng OpenDesign không cần GUI. Gọi nó như một skill, plugin hoặc máy chủ MCP bên trong Claude Code, Codex, Cursor, Copilot, OpenClaw, Antigravity, Hermes, Kimi và những cái khác.

/usr/bin/od có thể che od của OpenDesign. Nếu bạn cài ứng dụng macOS từ DMG hoặc cask Homebrew, shell vẫn có thể phân giải od thành tiện ích octal-dump /usr/bin/od của Apple. Mở Settings → MCP server trong ứng dụng desktop và sao chép đoạn dành cho từng client. Đoạn đó dùng đường dẫn tuyệt đối và không dựa vào lệnh od trần. Người dùng WSL2 nên làm theo docs/wsl-setup.md trong repo trước.

install.sh là một lớp vỏ shell mỏng quanh od mcp install. Nó có để URL được host trả về shell thay vì HTML dự phòng của trang đích, và thất bại ngay nếu shell của bạn phân giải một binary od không phải của 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>

Sau đó, bên trong agent:

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

Trong một lần chạy CLI cục bộ có hệ thống file, agent ghép skill chức năng hoặc template thiết kế đã chọn với DESIGN.md của bạn, ghi các file dự án chuẩn, và OpenDesign xem trước các file đó. Một lần chạy BYOK hoặc API thuần không có công cụ hệ thống file trả về một khối <artifact> hoàn chỉnh.

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

Nếu trình duyệt hỏi thông tin đăng nhập, dùng open-design làm tên người dùng và giá trị OD_API_TOKEN trong deploy/.env làm mật khẩu. Cách đó giữ lưu lượng Docker bridge được xác thực mà không cần mạng host. Client API vẫn có thể dùng Authorization: Bearer <OD_API_TOKEN>.

Chạy từ mã nguồn

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

Mở URL mà tools-dev in ra. Cổng phát triển được cấp động trừ khi bạn truyền cờ cổng rõ ràng.

Dùng Node ~24 và pnpm 10.33.x. Ghi chú WSL2 nằm trong docs/wsl-setup.md. Ghi chú Windows gốc nằm trong docs/windows-troubleshooting.md. Quickstart đầy đủ, biến môi trường và luồng build đóng gói nằm trong QUICKSTART.md. Các file đó nằm trong repo.

Cách bắt đầu Motion

Ghi chú v0.25.0 đưa đường này. Mở Motion Design trên Home hoặc Community. Chọn một trong năm ví dụ đi kèm. Dùng skill motion từ bộ chọn @. Hãy xin một video. Bạn nhận file nguồn có thể sửa và một MP4. Animation tương tác vẫn là HTML chạy được. Âm thanh dừng khi bạn rời bản xem trước đang hoạt động.

OpenDesign Motion vs Claude Motion vs Gemini Omni

Các hàng dưới đây dùng bản phát hành v0.25.0, README OpenDesign, bài ngày 8/10/2026 của Anthropic, trung tâm trợ giúp Claude Motion, và trang trên site này về Gemini Omni là gì.

Claude Motion đang beta trên Team and Enterprise. Trung tâm trợ giúp nói nó bật theo mặc định trên Team. Trên Enterprise nó giữ tắt cho đến khi một owner bật trong Organization settings > Artifacts. Bài của Anthropic bảo admin Enterprise dùng cùng công tắc đó cho Dashboards và Motion.

Claude viết code làm chuyển động chữ, biểu đồ, hình khối và hình ảnh. Bạn có thể đổi bất kỳ từ, số hoặc thời điểm nào. Bạn có thể chỉnh tác phẩm trong trình sửa, hoặc nhờ Claude đổi, rồi tải một MP4. Trung tâm trợ giúp nói animation là một artifact dựng từ Motion template. Nó được lưu ở tab Artifacts. Xuất bằng Export > MP4. Nó riêng tư theo mặc định. Hãy chia sẻ thì mới chia sẻ được. Mức dùng tính vào hạn mức dùng của gói. Animation dài hơn hoặc phức tạp hơn dùng nhiều hơn.

Ví dụ trong bài là một báo cáo quý được chuyển thành đoạn giải thích 30 giây cho buổi họp toàn thể, motion trên một biểu đồ trong bộ slide cho ban, và một lượt dẫn sản phẩm cho onboarding khách hàng. Những dòng đó là ví dụ trong bài. Thời lượng tối đa, độ phân giải và tốc độ khung hình không được công bố. Anthropic nói Claude Motion không dùng model tạo video. Không có footage được tạo và không có người do AI tạo. Anthropic liệt kê một đường chuyển sang Adobe, Descript, HeyGen, Higgsfield, invideo, Luma AI hoặc Runway, với Canva và Captions sắp có.

Gemini Omni là model tạo sinh mà Google ra mắt tại I/O 2026 vào 19/5. Nó tạo video từ đầu vào văn bản, hình ảnh, âm thanh hoặc video, với âm thanh đồng bộ gốc. Bản đầu là Gemini Omni Flash. Nó tạo footage thật. OpenDesign Motion và Claude Motion kết xuất animation dựa trên code. Omni được gói vào Google AI Plus, Pro, and Ultra.

OpenDesign MotionClaude MotionGemini Omni
Nó tạo gìAnimation bằng code (HTML, CSS, GSAP) do HyperFrames kết xuất thành MP4. Animation tương tác vẫn là HTML chạy được.Animation bằng code của chữ, biểu đồ, hình khối và hình ảnh. Xuất thành MP4.Footage video được tạo, có âm thanh đồng bộ gốc.
Có dùng model tạo videoKhôngKhông (Anthropic nói vậy)Có
Phát hành15/10/2026 (v0.25.0)Beta từ 8/10/2026Ra mắt 19/5/2026 (Gemini Omni Flash trước)
Truy cậpRepo công khai. Ứng dụng desktop macOS và Windows. Linux từ mã nguồn. Docker.Beta trên các gói Team and EnterpriseCác gói Google AI Plus, Pro và Ultra
Chi phíMã nguồn mở (Apache 2.0). Chi phí model tùy agent hoặc khóa API bạn mang theo.Tính vào hạn mức dùng của gói Claude. Không có giá riêng được công bố.Có trong các gói Google AI ở trên
Model nàoCoding agent của chính bạn (Claude Code, Codex, Cursor và những cái khác)Không được công bốGemini Omni
Điểm bắt đầuNăm ví dụ, 11 template HyperFrames, 39 prompt SeedanceMotion template trong tab ArtifactsPrompt và template trong ứng dụng Gemini
SửaSửa nguồn hoặc nhờ agent của bạnTrình sửa, hoặc nhờ Claude đổi bất kỳ từ, số hoặc thời điểm nàoSửa trong chat bằng ngôn ngữ tự nhiên

Một ô ghi Không được công bố khi các nguồn này không nêu sự kiện đó.

Khi nào dùng cái nào

  1. Dùng OpenDesign Motion cho motion design mã nguồn mở mà bạn sửa được dưới dạng HTML, CSS và GSAP, rồi xuất thành MP4. Ứng dụng desktop phủ macOS và Windows. Linux chạy từ mã nguồn. Bạn mang một coding agent đã có trên PATH, hoặc cài OpenDesign vào một agent.
  2. Dùng Claude Motion trên gói Claude Team or Enterprise khi bạn muốn animation beta của chữ, biểu đồ, hình khối và hình ảnh bên trong Claude. Team bật sẵn theo mặc định. Một owner Enterprise bật nó trong Organization settings > Artifacts. Bắt đầu từ bài của Anthropic và trung tâm trợ giúp.
  3. Dùng Gemini Omni khi bạn muốn footage được tạo và âm thanh đồng bộ gốc. Gemini Omni là gì nói về model đó. Soạn prompt footage Gemini Omni, hoặc prompt Seedance và Veo cho đường ghép của OpenDesign, trong trình tạo prompt.

Đọc thêm

FAQ

OpenDesign Motion là gì?

OpenDesign Motion ra mắt ngày 15/10/2026 trong OpenDesign v0.25.0. Một coding agent viết HTML, CSS và GSAP. HyperFrames kết xuất một MP4 tất định bằng headless Chrome và FFmpeg. Bạn cũng nhận file nguồn có thể sửa. Bản phát hành gồm năm ví dụ đi kèm và gọi đây là lựa chọn thay thế mã nguồn mở cho Claude Motion. OpenDesign được cấp phép theo Apache 2.0.

OpenDesign Motion có phải model văn bản thành video không?

Không. OpenDesign Motion kết xuất một animation bằng code thành MP4. Gemini Omni là model trong phép so này tạo footage từ văn bản, hình ảnh, âm thanh hoặc video, với âm thanh đồng bộ gốc. README của OpenDesign cũng nêu một cặp riêng với Seedance 2.0, Veo 3, Sora 2 và Kling 2 khi bạn muốn một model footage được tạo.

Gói Claude nào có Claude Motion?

Bài ngày 8/10/2026 của Anthropic và trung tâm trợ giúp Claude nói Claude Motion đang beta trên Team và Enterprise. Team bật sẵn theo mặc định. Enterprise để tắt cho đến khi một owner bật trong Organization settings > Artifacts. Animation là một artifact từ Motion template, được lưu ở tab Artifacts và xuất thành MP4. Nó riêng tư theo mặc định.

Mở Motion Design ở đâu trong ứng dụng OpenDesign?

Ghi chú v0.25.0 bảo mở Motion Design trên Home hoặc Community. Chọn một trong năm ví dụ đi kèm (Motion Future, Product Promo, Showreel, UI Morph và Visual Lesson), hoặc dùng skill motion từ bộ chọn @. Hãy xin một video. Bạn nhận file nguồn có thể sửa và một MP4. Animation tương tác vẫn là HTML chạy được. Âm thanh dừng khi bạn rời bản xem trước đang hoạt động.

Giá, thời lượng hoặc độ phân giải của Claude Motion đã được công bố chưa?

Không. Bài của Anthropic và trung tâm trợ giúp Claude không công bố giá Claude Motion, thời lượng tối đa, độ phân giải, tốc độ khung hình, hay model vận hành nó. Mức dùng tính vào hạn mức dùng của gói. Animation dài hơn hoặc phức tạp hơn dùng nhiều hơn phần hạn mức đó.