OpenDesign Motion: darmowa otwartoźródłowa alternatywa dla Claude Motion

OpenDesign Motion wyszedł 15 października 2026 w OpenDesign v0.25.0. Kryptonim tego wydania to OpenDesign Motion. Nagłówek nazywa je otwartoźródłową alternatywą dla Claude Motion.

To niezależna strona. Nie jesteśmy powiązani z OpenDesign, Anthropic ani Google.

Kod jest w repozytorium open-design. Wydanie liczy 53 PR-y, 16 współtwórców i 21 dni. Linia pod tym liczeniem to zamieniaj pomysły w wideo za pomocą kodu.

Czym jest OpenDesign Motion

OpenDesign Motion to otwartoźródłowy motion design zbudowany jako kod. OpenDesign jest licencjonowany na Apache 2.0. Wydanie ustawia go jako otwartoźródłową alternatywę dla Claude Motion. To nie jest model text-to-video.

Agent kodujący pisze HTML, CSS i GSAP. HyperFrames renderuje tę stronę do deterministycznego MP4 za pomocą headless Chrome i FFmpeg. HyperFrames to otwartoźródłowy, natywny dla agentów framework wideo HeyGen, zintegrowany w OpenDesign jako first-class citizen. Licencja frameworku to Apache-2.0. README oznacza miniatury katalogu jako © HeyGen.

Notatki v0.25.0 mówią, aby zacząć od pięciu dołączonych przykładów, utworzyć edytowalną animację i wyeksportować MP4. Poproś o wideo, a wynikiem są edytowalne pliki źródłowe i MP4. Animacje interaktywne zostają uruchamialnym HTML. Dźwięk zatrzymuje się, gdy opuszczasz aktywny podgląd. Pięć przykładów to Motion Future, Product Promo, Showreel, UI Morph i Visual Lesson. Eksport wideo sprawdza, czy MP4 można odtworzyć, a nieudany eksport zachowuje edytowalne źródło.

To samo wydanie mówi, że ta wersja wygładza edycję, podglądy i kontynuowanie pracy między urządzeniami.

README mówi, że z repozytorium dostarczane są 11 szablonów HyperFrames i 39 promptów Seedance. README kieruje workflow renderowania OpenDesign (pamięć podręczna kompozycji, obejście sandbox-exec i MP4-as-chip) na design-templates/hyperframes/ w repozytorium.

README mówi też, że możesz sparować HyperFrames z innymi generatorami. Seedance 2.0 jest wymieniony dla filmowego text-to-video i image-to-video. Veo 3, Sora 2 i Kling 2 są wymienione jako routowane warianty modeli. Suno v5 i Lyria 2 są wymienione dla warstwy audio. To sparowanie jest drugą ścieżką. Sam render Motion to nadal animacja HTML zamieniona w MP4.

OpenDesign nie dostarcza agenta. README mówi, że silnik designu to binarka claude, codex, cursor-agent, copilot, hermes albo kimi, która już jest na Twoim PATH. Zamiana odbywa się jednym kliknięciem.

Sama aplikacja jest otwartoźródłowa. Nie dołącza modelu, więc koszt modelu zależy od agenta albo klucza API, który wnosisz.

17 października 2026 eogee.com podało, że zespół premiery OpenDesign powiedział, iż demo wideo premiery powstało z DeepSeek V4.1 Flash wewnątrz OpenDesign. To twierdzenie dostawcy. Notatka nie zawiera niezależnego benchmarku.

Jak zainstalować OpenDesign

Poniższe kroki to ścieżki instalacji z README OpenDesign. Bloki poleceń są skopiowane z tego pliku.

Aplikacja desktopowa

README nazywa aplikację desktopową najszybszą ścieżką. Nie potrzebuje Node, nie potrzebuje pnpm i nie potrzebuje klona.

Po instalacji aplikacja automatycznie wykrywa każde CLI agenta kodującego na Twoim PATH. Ładuje 100+ skilli funkcjonalnych, osobny katalog szablonów renderowania i 151 systemów designu. Wpisujesz brief w widoku wejścia.

Projekty mogą działać lokalnie albo we własnym wdrożeniu. Żądania modeli w chmurze i żądania OpenDesign Cloud idą do tych usług.

Instalacja w agencie kodującym

Możesz używać OpenDesign bez GUI. Wywołaj je jako skill, wtyczkę albo serwer MCP wewnątrz Claude Code, Codex, Cursor, Copilot, OpenClaw, Antigravity, Hermes, Kimi i innych.

/usr/bin/od może przesłonić od OpenDesign. Jeśli zainstalowałeś aplikację macOS z DMG albo caska Homebrew, powłoka może nadal rozwiązywać od do narzędzia zrzutu ósemkowego Apple /usr/bin/od. Otwórz Settings → MCP server w aplikacji desktopowej i skopiuj fragment właściwy dla klienta. Ten fragment używa ścieżek bezwzględnych i nie polega na gołym poleceniu od. Użytkownicy WSL2 powinni najpierw przejść docs/wsl-setup.md w repozytorium.

install.sh to cienka otoczka powłoki wokół od mcp install. Istnieje po to, aby hostowany URL zwracał shell zamiast zapasowego HTML strony docelowej, i szybko kończy się błędem, jeśli powłoka rozwiąże binarkę od, która nie jest z Open-Design.

# 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>

Potem, wewnątrz agenta:

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

W lokalnym uruchomieniu CLI opartym na systemie plików agent składa wybrany skill funkcjonalny albo szablon designu z Twoim DESIGN.md, zapisuje kanoniczne pliki projektu, a OpenDesign pokazuje podgląd tych plików. Uruchomienie BYOK albo zwykłego API bez narzędzi systemu plików zwraca jeden kompletny blok <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

Jeśli przeglądarka pyta o dane logowania, użyj open-design jako nazwy użytkownika i wartości OD_API_TOKEN z deploy/.env jako hasła. Dzięki temu ruch mostka Docker jest uwierzytelniony bez sieci hosta. Klienci API mogą dalej używać Authorization: Bearer <OD_API_TOKEN>.

Uruchomienie ze źródeł

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

Otwórz URL wypisany przez tools-dev. Porty deweloperskie są przydzielane dynamicznie, chyba że podasz jawne flagi portów.

Użyj Node ~24 i pnpm 10.33.x. Notatki WSL2 są w docs/wsl-setup.md. Notatki o natywnym Windows są w docs/windows-troubleshooting.md. Pełny quickstart, zmienne środowiskowe i przepływ zbudowanego pakietu są w QUICKSTART.md. Te pliki są w repozytorium.

Jak zacząć Motion

Notatki v0.25.0 podają tę ścieżkę. Otwórz Motion Design na Home albo Community. Wybierz jeden z pięciu dołączonych przykładów. Użyj skilli motion z selektora @. Poproś o wideo. Dostajesz edytowalne pliki źródłowe i MP4. Animacje interaktywne zostają uruchamialnym HTML. Dźwięk zatrzymuje się, gdy opuszczasz aktywny podgląd.

OpenDesign Motion vs Claude Motion vs Gemini Omni

Poniższe wiersze korzystają z wydania v0.25.0, README OpenDesign, artykułu z 8 października 2026 Anthropic, centrum pomocy Claude Motion oraz strony tej witryny o tym, czym jest Gemini Omni.

Claude Motion jest w becie w Team i Enterprise. Centrum pomocy mówi, że jest domyślnie włączony w Team. W Enterprise zostaje wyłączony, aż właściciel włączy go w Organization settings > Artifacts. Artykuł Anthropic każe administratorom Enterprise użyć tego samego przełącznika dla Dashboards i Motion.

Claude pisze kod, który animuje tekst, wykresy, kształty i obrazy. Możesz zmienić dowolne słowo, liczbę albo timing. Możesz poprawić utwór w edytorze albo poprosić Claude o zmianę, a potem pobrać MP4. Centrum pomocy mówi, że animacja jest artefaktem zbudowanym z szablonu Motion. Jest zapisana na karcie Artifacts. Eksportuj przez Export > MP4. Jest domyślnie prywatna. Udostępnij, aby ją udostępnić. Użycie wlicza się w limity użycia planu. Dłuższe lub bardziej złożone animacje zużywają więcej.

Przykłady z artykułu to raport kwartalny zamieniony w 30-sekundowe objaśnienie na all-hands, motion na wykresie w prezentacji dla zarządu oraz przejście przez produkt przy wdrażaniu klienta. Te zdania są przykładami w artykule. Maksymalny czas trwania, rozdzielczość i liczba klatek nie są opublikowane. Anthropic mówi, że Claude Motion nie używa modelu generowania wideo. Nie ma wygenerowanego materiału i nie ma osób wygenerowanych przez AI. Anthropic wymienia przekazanie do Adobe, Descript, HeyGen, Higgsfield, invideo, Luma AI albo Runway, a Canva i Captions mają dojść wkrótce.

Gemini Omni to model generatywny, który Google ujawnił na I/O 2026 19 maja. Tworzy wideo z wejścia tekst, obraz, audio albo wideo, z natywnym zsynchronizowanym dźwiękiem. Pierwsze wydanie to Gemini Omni Flash. Generuje rzeczywisty materiał. OpenDesign Motion i Claude Motion renderują animacje oparte na kodzie. Omni jest dołączony do Google AI Plus, Pro i Ultra.

Komórka mówi Nie opublikowano, gdy te źródła nie podają tego faktu.

Kiedy którego użyć

1. Użyj OpenDesign Motion do otwartoźródłowego motion design, który możesz edytować jako HTML, CSS i GSAP, a potem wyeksportować jako MP4. Aplikacja desktopowa obejmuje macOS i Windows. Linux działa ze źródeł. Wnosisz agenta kodującego, który już jest na Twoim PATH, albo instalujesz OpenDesign w jednym z nich.
2. Użyj Claude Motion na planie Claude Team albo Enterprise, gdy chcesz beta-animację tekstu, wykresów, kształtów i obrazów wewnątrz Claude. Team ma go włączonego domyślnie. Właściciel Enterprise włącza go w Organization settings > Artifacts. Zacznij od artykułu Anthropic i centrum pomocy.
3. Użyj Gemini Omni, gdy chcesz wygenerowany materiał i natywny zsynchronizowany dźwięk. Czym jest Gemini Omni opisuje ten model. Szkicuj prompty materiału Gemini Omni albo prompty Seedance i Veo dla ścieżki sparowania OpenDesign w generatorze promptów.

Powiązane teksty

• OpenDesign na GitHubie
• Wydanie OpenDesign v0.25.0
• HyperFrames
• Anthropic: Dashboards and Motion
• Get started with Claude Motion
• Czym jest Gemini Omni
• Generator promptów