OpenDesign Motion: gratis open-source alternatief voor Claude Motion

OpenDesign Motion verscheen op 15 oktober 2026 in OpenDesign v0.25.0. De codenaam van die release is OpenDesign Motion. De kop noemt het het open-source alternatief voor Claude Motion.

Dit is een onafhankelijke site. We zijn niet gelieerd aan OpenDesign, Anthropic of Google.

De code staat in de open-design-repository. De release telt 53 PR’s, 16 bijdragers en 21 dagen. De regel onder die telling is ideeën met code tot video’s maken.

Wat OpenDesign Motion is

OpenDesign Motion is open-source motion design, gebouwd als code. OpenDesign is gelicentieerd onder Apache 2.0. De release positioneert het als een open-source alternatief voor Claude Motion. Het is geen tekst-naar-video-model.

Een coding-agent schrijft HTML, CSS en GSAP. HyperFrames rendert die pagina naar een deterministische MP4 met headless Chrome en FFmpeg. HyperFrames is het open-source, agent-native videoframework van HeyGen, geïntegreerd als first-class citizen in OpenDesign. De licentie van het framework is Apache-2.0. De README markeert de catalogusminiaturen als © HeyGen.

De notities van v0.25.0 zeggen dat je start vanuit vijf meegeleverde voorbeelden, een bewerkbare animatie maakt en een MP4 exporteert. Vraag om een video en het resultaat is bewerkbare bronbestanden en een MP4. Interactieve animaties blijven uitvoerbare HTML. Het geluid stopt wanneer je de actieve preview verlaat. De vijf voorbeelden zijn Motion Future, Product Promo, Showreel, UI Morph en Visual Lesson. Video-export controleert of de MP4 kan afspelen, en een mislukte export behoudt de bewerkbare bron.

Dezelfde release zegt dat deze versie bewerken, previews en het voortzetten van werk over apparaten heen vloeiender maakt.

De README zegt dat 11 HyperFrames-sjablonen en 39 Seedance-prompts met de repository meekomen. De README wijst de renderworkflow van OpenDesign (compositiecache, sandbox-exec-workaround en MP4-as-chip) naar design-templates/hyperframes/ in de repository.

De README zegt ook dat je HyperFrames kunt koppelen aan andere generatoren. Seedance 2.0 wordt genoemd voor cinematografische tekst-naar-video en beeld-naar-video. Veo 3, Sora 2 en Kling 2 worden genoemd als gerouteerde modelvarianten. Suno v5 en Lyria 2 worden genoemd voor de audiolaag. Die koppeling is een tweede pad. De Motion-render zelf is nog steeds de HTML-animatie die een MP4 wordt.

OpenDesign levert geen agent mee. De README zegt dat de design-engine het binary claude, codex, cursor-agent, copilot, hermes of kimi is dat al op je PATH staat. Wisselen doe je met één klik.

De app zelf is open source. Hij bundelt geen model, dus de modelkosten hangen af van de agent of de API-sleutel die je meeneemt.

Op 17 oktober 2026 meldde eogee.com dat het lanceerteam van OpenDesign zei dat de demovideo van de lancering is gemaakt met DeepSeek V4.1 Flash in OpenDesign. Dat is de bewering van de leverancier. De notitie bevat geen onafhankelijke benchmark.

OpenDesign installeren

De stappen hieronder zijn de installatiepaden in de OpenDesign-README. De opdrachtblokken zijn uit dat bestand gekopieerd.

Desktop-app

De README noemt de desktop-app het snelste pad. Die heeft geen Node, geen pnpm en geen clone nodig.

Na installatie detecteert de app automatisch elke coding-agent-CLI op je PATH. Hij laadt 100+ functionele skills, de aparte catalogus met renderingssjablonen en 151 designsystems. Je typt een brief in de invoerweergave.

Projecten kunnen lokaal draaien of in je eigen deployment. Verzoeken aan cloudmodellen en verzoeken aan OpenDesign Cloud gaan naar die diensten.

Installeren in een coding-agent

Je kunt OpenDesign zonder de GUI gebruiken. Roep het aan als skill, plugin of MCP-server in Claude Code, Codex, Cursor, Copilot, OpenClaw, Antigravity, Hermes, Kimi en meer.

/usr/bin/od kan de od van OpenDesign verbergen. Als je de macOS-app uit de DMG of de Homebrew-cask hebt geïnstalleerd, kan de shell od nog steeds omzetten naar het octale dump-hulpprogramma /usr/bin/od van Apple. Open Settings → MCP server in de desktop-app en kopieer het clientspecifieke fragment. Dat fragment gebruikt absolute paden en steunt niet op het kale od-commando. WSL2-gebruikers moeten eerst docs/wsl-setup.md in de repository volgen.

install.sh is een dunne shell-wrapper rond od mcp install. Die bestaat zodat de gehoste URL shell teruggeeft in plaats van de HTML-fallback van de landingspagina, en hij faalt meteen als je shell een od-binary oplost die niet van Open-Design is.

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

Daarna, in de agent:

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

In een lokale CLI-run met bestandssysteem stelt de agent de gekozen functionele skill of het designsjabloon samen met je DESIGN.md, schrijft de canonieke projectbestanden, en OpenDesign toont die bestanden in een preview. Een BYOK- of gewone API-run zonder bestandssysteemtools geeft één volledig <artifact>-blok terug.

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

Als de browser om gegevens vraagt, gebruik open-design als gebruikersnaam en de waarde van OD_API_TOKEN uit deploy/.env als wachtwoord. Zo blijft het Docker-bridgeverkeer geauthenticeerd zonder host-networking. API-clients kunnen Authorization: Bearer <OD_API_TOKEN> blijven gebruiken.

Vanuit de bron draaien

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

Open de URL die tools-dev afdrukt. Ontwikkelpoorten worden dynamisch toegewezen, tenzij je expliciete poortvlaggen meegeeft.

Gebruik Node ~24 en pnpm 10.33.x. WSL2-notities staan in docs/wsl-setup.md. Notities voor native Windows staan in docs/windows-troubleshooting.md. De volledige quickstart, omgevingsvariabelen en de verpakte build staan in QUICKSTART.md. Die bestanden staan in de repository.

Motion starten

De notities van v0.25.0 geven dit pad. Open Motion Design op Home of Community. Kies een van de vijf meegeleverde voorbeelden. Gebruik de motion-skills uit de @-kiezer. Vraag om een video. Je krijgt bewerkbare bronbestanden en een MP4. Interactieve animaties blijven uitvoerbare HTML. Het geluid stopt wanneer je de actieve preview verlaat.

OpenDesign Motion vs Claude Motion vs Gemini Omni

De rijen hieronder gebruiken de release v0.25.0, de OpenDesign-README, het artikel van 8 oktober 2026 van Anthropic, het Claude Motion-helpcentrum en de pagina van deze site over wat Gemini Omni is.

Claude Motion is in bèta op Team en Enterprise. Het helpcentrum zegt dat het standaard aan staat op Team. Op Enterprise blijft het uit tot een eigenaar het aanzet in Organization settings > Artifacts. Het artikel van Anthropic zegt tegen Enterprise-beheerders dat ze dezelfde schakelaar gebruiken voor Dashboards en Motion.

Claude schrijft code die tekst, grafieken, vormen en afbeeldingen animeert. Je kunt elk woord, elk getal of elke timing wijzigen. Je kunt het stuk in de editor aanpassen, of Claude vragen het te wijzigen, en daarna een MP4 downloaden. Het helpcentrum zegt dat de animatie een artefact is, gebouwd vanuit het Motion-sjabloon. Het wordt opgeslagen in het tabblad Artifacts. Exporteer met Export > MP4. Het is standaard privé. Deel het om het te delen. Gebruik telt mee voor de gebruikslimieten van het abonnement. Langere of complexere animaties gebruiken meer.

De voorbeelden in het artikel zijn een kwartaalrapport dat een uitleg van 30 seconden voor een all-hands wordt, motion op een grafiek in een board-deck, en een productwalkthrough voor klant-onboarding. Die regels zijn voorbeelden in het artikel. Maximale duur, resolutie en beeldsnelheid zijn niet gepubliceerd. Anthropic zegt dat Claude Motion geen videogeneratiemodel gebruikt. Er is geen gegenereerd beeldmateriaal en er zijn geen door AI gegenereerde mensen. Anthropic noemt een overdracht naar Adobe, Descript, HeyGen, Higgsfield, invideo, Luma AI of Runway, met Canva en Captions binnenkort.

Gemini Omni is het generatieve model dat Google op I/O 2026 op 19 mei onthulde. Het maakt video uit invoer van tekst, beeld, audio of video, met native gesynchroniseerde audio. De eerste release is Gemini Omni Flash. Het genereert echt beeldmateriaal. OpenDesign Motion en Claude Motion renderen op code gebaseerde animaties. Omni zit in Google AI Plus, Pro en Ultra.

Een cel zegt Niet gepubliceerd wanneer deze bronnen dat feit niet vermelden.

Wanneer wat gebruiken

1. Gebruik OpenDesign Motion voor open-source motion design dat je als HTML, CSS en GSAP kunt bewerken en daarna als MP4 kunt exporteren. De desktop-app dekt macOS en Windows. Linux draait vanuit de bron. Je neemt een coding-agent mee die al op je PATH staat, of je installeert OpenDesign in een ervan.
2. Gebruik Claude Motion op een Claude-abonnement Team of Enterprise wanneer je een bèta-animatie van tekst, grafieken, vormen en afbeeldingen in Claude wilt. Team heeft het standaard aan. Een Enterprise-eigenaar zet het aan onder Organization settings > Artifacts. Begin bij het artikel van Anthropic en het helpcentrum.
3. Gebruik Gemini Omni wanneer je gegenereerd beeldmateriaal en native gesynchroniseerde audio wilt. Wat Gemini Omni is behandelt dat model. Stel prompts op voor Gemini Omni-beeldmateriaal, of Seedance- en Veo-prompts voor het koppelpad van OpenDesign, in de promptgenerator.

Verder lezen

• OpenDesign op GitHub
• Release OpenDesign v0.25.0
• HyperFrames
• Anthropic: Dashboards and Motion
• Get started with Claude Motion
• Wat Gemini Omni is
• Promptgenerator