OpenDesign Motion: alternatif Claude Motion gratis dan sumber terbuka

OpenDesign Motion dirilis pada 15 Oktober 2026 di OpenDesign v0.25.0. Nama kode pada rilis itu adalah OpenDesign Motion. Judulnya menyebutnya alternatif sumber terbuka untuk Claude Motion.

Ini situs independen. Kami tidak berafiliasi dengan OpenDesign, Anthropic, atau Google.

Kodenya ada di repo open-design. Rilis itu menghitung 53 PR, 16 kontributor, dan 21 hari. Baris di bawah hitungan itu adalah ubah ide menjadi video dengan kode.

Apa itu OpenDesign Motion

OpenDesign Motion adalah motion design sumber terbuka yang dibangun sebagai kode. OpenDesign dilisensikan di bawah Apache 2.0. Rilis ini memposisikannya sebagai alternatif Claude Motion sumber terbuka. Ia bukan model teks-ke-video.

Agen coding menulis HTML, CSS, dan GSAP. HyperFrames merender halaman itu menjadi MP4 deterministik dengan headless Chrome dan FFmpeg. HyperFrames adalah kerangka video sumber terbuka milik HeyGen yang native untuk agen, terintegrasi sebagai warga kelas satu di OpenDesign. Lisensi kerangka adalah Apache-2.0. README menandai thumbnail katalog sebagai © HeyGen.

Catatan v0.25.0 menyuruh mulai dari lima contoh yang disertakan, membuat animasi yang dapat diedit, dan mengekspor MP4. Minta sebuah video dan hasilnya adalah file sumber yang dapat diedit dan sebuah MP4. Animasi interaktif tetap HTML yang dapat dijalankan. Suara berhenti saat Anda meninggalkan pratinjau aktif. Lima contoh itu adalah Motion Future, Product Promo, Showreel, UI Morph, dan Visual Lesson. Ekspor video memeriksa bahwa MP4 dapat diputar, dan ekspor yang gagal mempertahankan sumber yang dapat diedit.

Rilis yang sama mengatakan versi ini membuat pengeditan, pratinjau, dan melanjutkan pekerjaan lintas perangkat lebih mulus.

README mengatakan 11 template HyperFrames dan 39 prompt Seedance ikut bersama repo. README mengarahkan alur render OpenDesign (cache komposisi, solusi sementara sandbox-exec, dan MP4-as-chip) ke design-templates/hyperframes/ di repo.

README juga mengatakan Anda dapat memasangkan HyperFrames dengan generator lain. Seedance 2.0 disebut untuk teks-ke-video dan gambar-ke-video sinematik. Veo 3, Sora 2, dan Kling 2 disebut sebagai varian model yang diarahkan. Suno v5 dan Lyria 2 disebut untuk lapisan audio. Pasangan itu adalah jalur kedua. Render Motion itu sendiri tetap animasi HTML yang diubah menjadi MP4.

OpenDesign tidak mengirimkan agen. README mengatakan mesin desain adalah biner claude, codex, cursor-agent, copilot, hermes, atau kimi yang sudah ada di PATH Anda. Ganti dengan satu klik.

Aplikasinya sendiri sumber terbuka. Ia tidak membundel model, jadi biaya model bergantung pada agen atau kunci API yang Anda bawa.

Pada 17 Oktober 2026, eogee.com melaporkan bahwa tim peluncuran OpenDesign mengatakan video demo peluncuran dibuat dengan DeepSeek V4.1 Flash di dalam OpenDesign. Itu klaim vendor. Catatan itu tidak memuat benchmark independen.

Cara memasang OpenDesign

Langkah di bawah adalah jalur pemasangan di README OpenDesign. Blok perintah disalin dari berkas itu.

Aplikasi desktop

README menyebut aplikasi desktop sebagai jalur tercepat. Ia tidak perlu Node, tidak perlu pnpm, dan tidak perlu clone.

Setelah dipasang, aplikasi mendeteksi sendiri setiap CLI agen coding di PATH Anda. Ia memuat 100+ skill fungsional, katalog template render yang terpisah, dan 151 design system. Anda mengetik brief di tampilan masuk.

Proyek dapat berjalan secara lokal atau di deployment Anda sendiri. Permintaan model cloud dan permintaan OpenDesign Cloud pergi ke layanan itu.

Memasang ke agen coding

Anda dapat memakai OpenDesign tanpa GUI. Panggil sebagai skill, plugin, atau server MCP di dalam Claude Code, Codex, Cursor, Copilot, OpenClaw, Antigravity, Hermes, Kimi, dan lainnya.

/usr/bin/od dapat membayangi od milik OpenDesign. Jika Anda memasang aplikasi macOS dari DMG atau cask Homebrew, shell mungkin masih menyelesaikan od ke utilitas octal-dump Apple /usr/bin/od. Buka Settings → MCP server di aplikasi desktop dan salin snippet khusus klien. Snippet itu memakai jalur absolut dan tidak bergantung pada perintah od telanjang. Pengguna WSL2 harus mengikuti docs/wsl-setup.md di repo lebih dulu.

install.sh adalah pembungkus shell tipis di sekitar od mcp install. Ia ada supaya URL yang di-host mengembalikan shell, bukan fallback HTML halaman arahan, dan gagal cepat jika shell Anda menyelesaikan biner od yang bukan 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>

Lalu, di dalam agen:

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

Dalam eksekusi CLI lokal yang bertumpu pada sistem file, agen menyusun skill fungsional atau template desain yang dipilih dengan DESIGN.md Anda, menulis file proyek kanonik, dan OpenDesign mempratinjau file-file itu. Eksekusi BYOK atau API biasa tanpa alat sistem file mengembalikan satu blok <artifact> yang lengkap.

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

Jika browser meminta kredensial, gunakan open-design sebagai nama pengguna dan nilai OD_API_TOKEN dari deploy/.env sebagai kata sandi. Itu menjaga lalu lintas Docker bridge terautentikasi tanpa host networking. Klien API dapat tetap memakai Authorization: Bearer <OD_API_TOKEN>.

Menjalankan dari sumber

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

Buka URL yang dicetak tools-dev. Port pengembangan dialokasikan secara dinamis kecuali Anda memberi flag port yang eksplisit.

Gunakan Node ~24 dan pnpm 10.33.x. Catatan WSL2 ada di docs/wsl-setup.md. Catatan Windows native ada di docs/windows-troubleshooting.md. Quickstart lengkap, variabel lingkungan, dan alur build terpaket ada di QUICKSTART.md. Berkas-berkas itu ada di repo.

Cara memulai Motion

Catatan v0.25.0 memberi jalur ini. Buka Motion Design di Home atau Community. Pilih salah satu dari lima contoh yang disertakan. Gunakan skill motion dari pemilih @. Minta sebuah video. Anda mendapat file sumber yang dapat diedit dan sebuah MP4. Animasi interaktif tetap HTML yang dapat dijalankan. Suara berhenti saat Anda meninggalkan pratinjau aktif.

OpenDesign Motion vs Claude Motion vs Gemini Omni

Baris di bawah memakai rilis v0.25.0, README OpenDesign, artikel 8 Oktober 2026 dari Anthropic, pusat bantuan Claude Motion, dan halaman situs ini tentang apa itu Gemini Omni.

Claude Motion dalam beta di Team and Enterprise. Pusat bantuan mengatakan ia aktif secara bawaan di Team. Di Enterprise ia tetap mati sampai seorang pemilik menyalakannya di Organization settings > Artifacts. Artikel Anthropic menyuruh admin Enterprise memakai sakelar yang sama untuk Dashboards dan Motion.

Claude menulis kode yang menganimasikan teks, grafik, bentuk, dan gambar. Anda dapat mengubah kata, angka, atau timing apa pun. Anda dapat menyesuaikan karya di editor, atau meminta Claude mengubahnya, lalu mengunduh MP4. Pusat bantuan mengatakan animasi adalah artifact yang dibangun dari Motion template. Ia disimpan di tab Artifacts. Ekspor dengan Export > MP4. Ia privat secara bawaan. Bagikan untuk membagikannya. Pemakaian dihitung ke batas pemakaian paket. Animasi yang lebih panjang atau lebih kompleks memakai lebih banyak.

Contoh dalam artikel adalah laporan kuartalan yang diubah menjadi explainer 30 detik untuk all-hands, motion pada grafik di deck dewan, dan walkthrough produk untuk onboarding pelanggan. Baris-baris itu adalah contoh di dalam artikel. Durasi maksimum, resolusi, dan frame rate tidak dipublikasikan. Anthropic mengatakan Claude Motion tidak memakai model generasi video. Tidak ada footage yang dihasilkan dan tidak ada orang yang dihasilkan AI. Anthropic mencantumkan handoff ke Adobe, Descript, HeyGen, Higgsfield, invideo, Luma AI, atau Runway, dengan Canva dan Captions segera hadir.

Gemini Omni adalah model generatif yang Google perkenalkan di I/O 2026 pada 19 Mei. Ia membuat video dari masukan teks, gambar, audio, atau video, dengan audio tersinkron asli. Rilis pertama adalah Gemini Omni Flash. Ia menghasilkan footage sungguhan. OpenDesign Motion dan Claude Motion merender animasi berbasis kode. Omni dibundel ke dalam Google AI Plus, Pro, and Ultra.

Sebuah sel mengatakan Tidak dipublikasikan ketika sumber-sumber ini tidak menyatakan fakta itu.

Kapan memakai yang mana

1. Pakai OpenDesign Motion untuk motion design sumber terbuka yang dapat Anda edit sebagai HTML, CSS, dan GSAP, lalu ekspor sebagai MP4. Aplikasi desktop mencakup macOS dan Windows. Linux berjalan dari sumber. Anda membawa agen coding yang sudah ada di PATH Anda, atau memasang OpenDesign ke dalamnya.
2. Pakai Claude Motion pada paket Claude Team or Enterprise bila Anda ingin animasi beta dari teks, grafik, bentuk, dan gambar di dalam Claude. Team mengaktifkannya secara bawaan. Seorang pemilik Enterprise menyalakannya di Organization settings > Artifacts. Mulai dari artikel Anthropic dan pusat bantuan.
3. Pakai Gemini Omni bila Anda ingin footage yang dihasilkan dan audio tersinkron asli. Apa itu Gemini Omni membahas model itu. Buat draf prompt footage Gemini Omni, atau prompt Seedance dan Veo untuk jalur pasangan OpenDesign, di generator prompt.

Bacaan terkait

• OpenDesign di GitHub
• Rilis OpenDesign v0.25.0
• HyperFrames
• Anthropic: Dashboards and Motion
• Get started with Claude Motion
• Apa itu Gemini Omni?
• Generator prompt