OpenDesign Motion: kostenlose Open-Source-Alternative zu Claude Motion

OpenDesign Motion erschien am 15. Oktober 2026 in OpenDesign v0.25.0. Der Codename dieses Releases ist OpenDesign Motion. Die Überschrift nennt es die Open-Source-Alternative zu Claude Motion.

Dies ist eine unabhängige Website. Wir sind nicht mit OpenDesign, Anthropic oder Google verbunden.

Der Code liegt im Repository open-design. Das Release zählt 53 PRs, 16 Mitwirkende und 21 Tage. Die Zeile unter dieser Zählung lautet Ideen mit Code zu Videos machen.

Was OpenDesign Motion ist

OpenDesign Motion ist Open-Source-Motion-Design, das als Code gebaut ist. OpenDesign steht unter der Lizenz Apache 2.0. Das Release positioniert es als Open-Source-Claude-Motion-Alternative. Es ist kein Text-zu-Video-Modell.

Ein Coding-Agent schreibt HTML, CSS und GSAP. HyperFrames rendert diese Seite mit headless Chrome und FFmpeg zu einem deterministischen MP4. HyperFrames ist HeyGens Open-Source- und agentennatives Video-Framework, in OpenDesign als First-Class Citizen integriert. Die Lizenz des Frameworks ist Apache-2.0. Die README kennzeichnet die Katalog-Thumbnails als © HeyGen.

Die Hinweise zu v0.25.0 sagen, von fünf mitgelieferten Beispielen zu starten, eine editierbare Animation zu erstellen und ein MP4 zu exportieren. Bitten Sie um ein Video, und das Ergebnis sind editierbare Quelldateien und ein MP4. Interaktive Animationen bleiben ausführbares HTML. Der Ton stoppt, wenn Sie die aktive Vorschau verlassen. Die fünf Beispiele sind Motion Future, Product Promo, Showreel, UI Morph und Visual Lesson. Der Videoexport prüft, ob das MP4 abspielbar ist, und ein fehlgeschlagener Export behält die editierbare Quelle.

Dasselbe Release sagt, diese Version mache Bearbeitung, Vorschauen und das Fortsetzen der Arbeit über Geräte hinweg flüssiger.

Die README sagt, 11 HyperFrames-Vorlagen und 39 Seedance-Prompts werden mit dem Repository ausgeliefert. Die README zeigt den OpenDesign-Render-Workflow (Composition Cache, sandbox-exec-Workaround und MP4-as-chip) auf design-templates/hyperframes/ im Repository.

Die README sagt außerdem, Sie können HyperFrames mit anderen Generatoren koppeln. Seedance 2.0 wird für cinematografisches Text-zu-Video und Bild-zu-Video genannt. Veo 3, Sora 2 und Kling 2 werden als geroutete Modellvarianten genannt. Suno v5 und Lyria 2 werden für die Audioebene genannt. Diese Kopplung ist ein zweiter Weg. Das Motion-Rendering selbst bleibt die HTML-Animation, die zu einem MP4 wird.

OpenDesign liefert keinen Agent mit. Die README sagt, die Design-Engine sei das Binary claude, codex, cursor-agent, copilot, hermes oder kimi, das bereits auf Ihrem PATH liegt. Der Wechsel geht mit einem Klick.

Die App selbst ist Open Source. Sie bündelt kein Modell, daher hängen die Modellkosten vom Agent oder vom API-Schlüssel ab, den Sie mitbringen.

Am 17. Oktober 2026 berichtete eogee.com, das OpenDesign-Launch-Team habe gesagt, das Demo-Video zum Launch sei mit DeepSeek V4.1 Flash in OpenDesign entstanden. Das ist die Aussage des Anbieters. Die Notiz enthält keinen unabhängigen Benchmark.

OpenDesign installieren

Die Schritte unten sind die Installationswege in der OpenDesign-README. Die Befehlsblöcke sind aus dieser Datei kopiert.

Desktop-App

Die README nennt die Desktop-App den schnellsten Weg. Sie braucht kein Node, kein pnpm und keinen Klon.

Nach der Installation erkennt die App automatisch jede Coding-Agent-CLI auf Ihrem PATH. Sie lädt 100+ funktionale Skills, den separaten Katalog der Rendering-Vorlagen und 151 Designsysteme. Sie tippen ein Briefing in die Einstiegsansicht.

Projekte können lokal oder in Ihrem eigenen Deployment laufen. Anfragen an Cloud-Modelle und Anfragen an OpenDesign Cloud gehen an diese Dienste.

In einen Coding-Agent installieren

Sie können OpenDesign ohne die GUI nutzen. Rufen Sie es als Skill, Plugin oder MCP-Server in Claude Code, Codex, Cursor, Copilot, OpenClaw, Antigravity, Hermes, Kimi und weiteren auf.

/usr/bin/od kann das od von OpenDesign verdecken. Wenn Sie die macOS-App aus dem DMG oder dem Homebrew-Cask installiert haben, kann die Shell od weiterhin auf Apples Oktal-Dump-Werkzeug /usr/bin/od auflösen. Öffnen Sie in der Desktop-App Settings → MCP server und kopieren Sie das client-spezifische Snippet. Dieses Snippet nutzt absolute Pfade und verlässt sich nicht auf den nackten Befehl od. WSL2-Nutzer sollten zuerst docs/wsl-setup.md im Repository befolgen.

install.sh ist ein dünner Shell-Wrapper um od mcp install. Es sorgt dafür, dass die gehostete URL Shell statt des HTML-Fallbacks der Landingpage zurückgibt, und es bricht sofort ab, wenn Ihre Shell ein od-Binary auflöst, das nicht von Open-Design stammt.

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

Danach, im Agent:

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

In einem lokalen CLI-Lauf mit Dateisystem setzt der Agent den gewählten funktionalen Skill oder die Designvorlage mit Ihrer DESIGN.md zusammen, schreibt die kanonischen Projektdateien, und OpenDesign zeigt diese Dateien in der Vorschau. Ein BYOK- oder reiner API-Lauf ohne Dateisystem-Werkzeuge gibt einen vollständigen <artifact>-Block zurück.

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

Wenn der Browser Zugangsdaten verlangt, verwenden Sie open-design als Benutzernamen und den Wert OD_API_TOKEN aus deploy/.env als Passwort. So bleibt der Docker-Bridge-Verkehr ohne Host-Networking authentifiziert. API-Clients können weiterhin Authorization: Bearer <OD_API_TOKEN> verwenden.

Aus dem Quellcode ausführen

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

Öffnen Sie die URL, die tools-dev ausgibt. Entwicklungsports werden dynamisch vergeben, sofern Sie keine expliziten Port-Flags übergeben.

Verwenden Sie Node ~24 und pnpm 10.33.x. Hinweise zu WSL2 stehen in docs/wsl-setup.md. Hinweise zu nativem Windows stehen in docs/windows-troubleshooting.md. Der vollständige Quickstart, die Umgebungsvariablen und der Ablauf des paketierten Builds stehen in QUICKSTART.md. Diese Dateien liegen im Repository.

Motion starten

Die Hinweise zu v0.25.0 geben diesen Weg vor. Öffnen Sie Motion Design auf Home oder Community. Wählen Sie eines der fünf mitgelieferten Beispiele. Nutzen Sie die Motion-Skills aus dem @-Picker. Bitten Sie um ein Video. Sie erhalten editierbare Quelldateien und ein MP4. Interaktive Animationen bleiben ausführbares HTML. Der Ton stoppt, wenn Sie die aktive Vorschau verlassen.

OpenDesign Motion vs Claude Motion vs Gemini Omni

Die Zeilen unten nutzen das Release v0.25.0, die OpenDesign-README, Anthropics Artikel vom 8. Oktober 2026, das Claude-Motion-Hilfezentrum und die Seite dieser Website zu Was ist Gemini Omni?.

Claude Motion ist als Beta in Team und Enterprise. Das Hilfezentrum sagt, es sei in Team standardmäßig an. In Enterprise bleibt es aus, bis ein Owner es in Organization settings > Artifacts einschaltet. Der Anthropic-Artikel weist Enterprise-Admins an, denselben Schalter für Dashboards und Motion zu verwenden.

Claude schreibt Code, der Text, Diagramme, Formen und Bilder animiert. Sie können jedes Wort, jede Zahl und jedes Timing ändern. Sie können das Stück im Editor anpassen oder Claude bitten, es zu ändern, und danach ein MP4 herunterladen. Das Hilfezentrum sagt, die Animation sei ein Artefakt aus der Motion-Vorlage. Sie wird im Tab Artifacts gespeichert. Export mit Export > MP4. Sie ist standardmäßig privat. Teilen, um sie zu teilen. Die Nutzung zählt auf die Nutzungslimits des Plans. Längere oder komplexere Animationen verbrauchen mehr.

Die Beispiele des Artikels sind ein Quartalsbericht, der zu einem 30-Sekunden-Erklärstück für ein All-Hands wird, Motion auf einem Diagramm in einem Board-Deck und ein Produkt-Walkthrough für das Kunden-Onboarding. Diese Zeilen sind Beispiele im Artikel. Maximale Dauer, Auflösung und Bildrate sind nicht veröffentlicht. Anthropic sagt, Claude Motion nutze kein Videogenerierungsmodell. Es gibt kein generiertes Footage und keine KI-generierten Personen. Anthropic nennt eine Übergabe an Adobe, Descript, HeyGen, Higgsfield, invideo, Luma AI oder Runway, Canva und Captions folgen in Kürze.

Gemini Omni ist das generative Modell, das Google auf der I/O 2026 am 19. Mai vorgestellt hat. Es erzeugt Video aus Eingaben als Text, Bild, Audio oder Video, mit nativ synchronisiertem Audio. Das erste Release ist Gemini Omni Flash. Es erzeugt tatsächliches Footage. OpenDesign Motion und Claude Motion rendern codebasierte Animationen. Omni ist in Google AI Plus, Pro und Ultra enthalten.

Eine Zelle sagt Nicht veröffentlicht, wenn diese Quellen diese Tatsache nicht angeben.

Wann welches

1. Nutzen Sie OpenDesign Motion für Open-Source-Motion-Design, das Sie als HTML, CSS und GSAP bearbeiten und danach als MP4 exportieren. Die Desktop-App deckt macOS und Windows ab. Linux läuft aus dem Quellcode. Sie bringen einen Coding-Agent mit, der bereits auf Ihrem PATH liegt, oder Sie installieren OpenDesign in einen.
2. Nutzen Sie Claude Motion in einem Claude-Plan Team oder Enterprise, wenn Sie eine Beta-Animation von Text, Diagrammen, Formen und Bildern in Claude wollen. Team hat es standardmäßig an. Ein Enterprise-Owner schaltet es unter Organization settings > Artifacts ein. Beginnen Sie mit Anthropics Artikel und dem Hilfezentrum.
3. Nutzen Sie Gemini Omni, wenn Sie generiertes Footage und nativ synchronisiertes Audio wollen. Was ist Gemini Omni? behandelt dieses Modell. Entwerfen Sie Prompts für Gemini-Omni-Footage oder Seedance- und Veo-Prompts für den Kopplungsweg von OpenDesign im Prompt-Generator.

Weiterlesen

• OpenDesign auf GitHub
• Release OpenDesign v0.25.0
• HyperFrames
• Anthropic: Dashboards and Motion
• Get started with Claude Motion
• Was ist Gemini Omni?
• Prompt-Generator