OpenDesign Motion : alternative gratuite et open source à Claude Motion

OpenDesign Motion est sorti le 15 octobre 2026 dans OpenDesign v0.25.0. Le nom de code de cette version est OpenDesign Motion. Le titre l’appelle l’alternative open source à Claude Motion.

Ce site est indépendant. Nous ne sommes affiliés ni à OpenDesign, ni à Anthropic, ni à Google.

Le code est dans le dépôt open-design. La version compte 53 PR, 16 contributeurs et 21 jours. La ligne sous ce décompte est transformer des idées en vidéos avec du code.

Ce qu’est OpenDesign Motion

OpenDesign Motion est du motion design open source construit comme du code. OpenDesign est sous licence Apache 2.0. La version le positionne comme une alternative à Claude Motion open source. Ce n’est pas un modèle texte-vers-vidéo.

Un agent de code écrit du HTML, du CSS et du GSAP. HyperFrames rend cette page en MP4 déterministe avec Chrome headless et FFmpeg. HyperFrames est le framework vidéo open source et natif pour les agents de HeyGen, intégré comme un citoyen de première classe dans OpenDesign. La licence du framework est Apache-2.0. Le README marque les miniatures du catalogue comme © HeyGen.

Les notes de la v0.25.0 disent de partir de cinq exemples fournis, de créer une animation modifiable et d’exporter un MP4. Demandez une vidéo et le résultat est des fichiers source modifiables et un MP4. Les animations interactives restent du HTML exécutable. Le son s’arrête lorsque vous quittez l’aperçu actif. Les cinq exemples sont Motion Future, Product Promo, Showreel, UI Morph et Visual Lesson. L’export vidéo vérifie que le MP4 peut être lu, et un export raté conserve la source modifiable.

La même version dit que cette version rend plus fluides l’édition, les aperçus et la poursuite du travail d’un appareil à l’autre.

Le README dit que 11 templates HyperFrames et 39 prompts Seedance sont livrés avec le dépôt. Le README pointe le flux de rendu OpenDesign (cache de composition, contournement sandbox-exec et MP4-as-chip) vers design-templates/hyperframes/ dans le dépôt.

Le README dit aussi que vous pouvez coupler HyperFrames à d’autres générateurs. Seedance 2.0 est nommé pour le texte-vers-vidéo et l’image-vers-vidéo cinématographiques. Veo 3, Sora 2 et Kling 2 sont nommés comme variantes de modèle routées. Suno v5 et Lyria 2 sont nommés pour la couche audio. Ce couplage est un second chemin. Le rendu Motion lui-même reste l’animation HTML transformée en MP4.

OpenDesign ne livre pas d’agent. Le README dit que le moteur de design est le binaire claude, codex, cursor-agent, copilot, hermes ou kimi déjà présent sur votre PATH. On le remplace en un clic.

L’app elle-même est open source. Elle n’embarque pas de modèle, donc le coût du modèle dépend de l’agent ou de la clé d’API que vous apportez.

Le 17 octobre 2026, eogee.com a rapporté que l’équipe de lancement d’OpenDesign a dit que la vidéo de démo du lancement avait été faite avec DeepSeek V4.1 Flash dans OpenDesign. C’est l’affirmation du fournisseur. La note ne contient pas de benchmark indépendant.

Comment installer OpenDesign

Les étapes ci-dessous sont les chemins d’installation du README OpenDesign. Les blocs de commandes sont copiés de ce fichier.

App de bureau

Le README appelle l’app de bureau le chemin le plus rapide. Elle n’a besoin ni de Node, ni de pnpm, ni d’un clone.

Après l’installation, l’app détecte automatiquement chaque CLI d’agent de code sur votre PATH. Elle charge 100+ skills fonctionnels, le catalogue séparé de templates de rendu et 151 systèmes de design. Vous saisissez un brief dans la vue d’entrée.

Les projets peuvent tourner en local ou dans votre propre déploiement. Les requêtes de modèles cloud et les requêtes OpenDesign Cloud vont vers ces services.

Installer dans un agent de code

Vous pouvez utiliser OpenDesign sans l’interface graphique. Appelez-le comme skill, plugin ou serveur MCP dans Claude Code, Codex, Cursor, Copilot, OpenClaw, Antigravity, Hermes, Kimi, et d’autres.

/usr/bin/od peut masquer le od d’OpenDesign. Si vous avez installé l’app macOS depuis le DMG ou le cask Homebrew, le shell peut encore résoudre od vers l’utilitaire de dump octal /usr/bin/od d’Apple. Ouvrez Settings → MCP server dans l’app de bureau et copiez l’extrait propre au client. Cet extrait utilise des chemins absolus et ne repose pas sur la commande od nue. Les utilisateurs de WSL2 doivent d’abord suivre docs/wsl-setup.md dans le dépôt.

install.sh est un fin enrobage shell autour de od mcp install. Il existe pour que l’URL hébergée renvoie du shell au lieu du HTML de repli de la page d’accueil, et il échoue tout de suite si votre shell résout un binaire od qui n’est pas celui d’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>

Ensuite, dans l’agent :

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

Dans une exécution CLI locale adossée au système de fichiers, l’agent compose le skill fonctionnel ou le template de design choisi avec votre DESIGN.md, écrit les fichiers canoniques du projet, et OpenDesign prévisualise ces fichiers. Une exécution BYOK ou d’API simple sans outils de système de fichiers renvoie un bloc <artifact> complet.

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

Si le navigateur demande des identifiants, utilisez open-design comme nom d’utilisateur et la valeur OD_API_TOKEN de deploy/.env comme mot de passe. Cela authentifie le trafic du bridge Docker sans mise en réseau de l’hôte. Les clients d’API peuvent continuer à utiliser Authorization: Bearer <OD_API_TOKEN>.

Exécuter depuis les sources

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

Ouvrez l’URL affichée par tools-dev. Les ports de développement sont alloués dynamiquement, sauf si vous passez des flags de port explicites.

Utilisez Node ~24 et pnpm 10.33.x. Les notes WSL2 sont dans docs/wsl-setup.md. Les notes Windows natif sont dans docs/windows-troubleshooting.md. Le démarrage rapide complet, les variables d’environnement et le flux de build empaqueté sont dans QUICKSTART.md. Ces fichiers sont dans le dépôt.

Comment démarrer Motion

Les notes de la v0.25.0 donnent ce chemin. Ouvrez Motion Design sur Home ou Community. Choisissez l’un des cinq exemples fournis. Utilisez les skills motion du sélecteur @. Demandez une vidéo. Vous obtenez des fichiers source modifiables et un MP4. Les animations interactives restent du HTML exécutable. Le son s’arrête lorsque vous quittez l’aperçu actif.

OpenDesign Motion vs Claude Motion vs Gemini Omni

Les lignes ci-dessous utilisent la version v0.25.0, le README OpenDesign, l’article du 8 octobre 2026 d’Anthropic, le centre d’aide Claude Motion et la page de ce site sur ce qu’est Gemini Omni.

Claude Motion est en bêta sur Team et Enterprise. Le centre d’aide dit qu’il est activé par défaut sur Team. Sur Enterprise, il reste désactivé jusqu’à ce qu’un propriétaire l’active dans Organization settings > Artifacts. L’article d’Anthropic dit aux administrateurs Enterprise d’utiliser ce même interrupteur pour Dashboards et Motion.

Claude écrit du code qui anime du texte, des graphiques, des formes et des images. Vous pouvez changer n’importe quel mot, nombre ou minutage. Vous pouvez ajuster la pièce dans l’éditeur, ou demander à Claude de la changer, puis télécharger un MP4. Le centre d’aide dit que l’animation est un artefact construit à partir du template Motion. Il est enregistré dans l’onglet Artifacts. Exportez avec Export > MP4. Il est privé par défaut. Partagez-le pour le partager. L’usage compte dans les limites d’usage du forfait. Les animations plus longues ou plus complexes en utilisent davantage.

Les exemples de l’article sont un rapport trimestriel transformé en explication de 30 secondes pour une réunion générale, du motion sur un graphique dans un deck de conseil d’administration, et une visite guidée du produit pour l’intégration client. Ces lignes sont des exemples dans l’article. La durée maximale, la résolution et la fréquence d’images ne sont pas publiées. Anthropic dit que Claude Motion n’utilise pas de modèle de génération vidéo. Il n’y a pas de footage généré et pas de personnes générées par IA. Anthropic liste un passage de relais vers Adobe, Descript, HeyGen, Higgsfield, invideo, Luma AI ou Runway, Canva et Captions arrivant bientôt.

Gemini Omni est le modèle génératif que Google a présenté à I/O 2026 le 19 mai. Il crée de la vidéo à partir d’une entrée texte, image, audio ou vidéo, avec un audio synchronisé natif. La première version est Gemini Omni Flash. Il génère du footage réel. OpenDesign Motion et Claude Motion rendent des animations à base de code. Omni est inclus dans Google AI Plus, Pro et Ultra.

Une cellule dit Non publié lorsque ces sources n’énoncent pas ce fait.

Quand utiliser lequel

1. Utilisez OpenDesign Motion pour du motion design open source que vous pouvez modifier en HTML, CSS et GSAP, puis exporter en MP4. L’app de bureau couvre macOS et Windows. Linux s’exécute depuis les sources. Vous apportez un agent de code déjà sur votre PATH, ou vous installez OpenDesign dans l’un d’eux.
2. Utilisez Claude Motion sur un forfait Claude Team ou Enterprise lorsque vous voulez une animation bêta de texte, de graphiques, de formes et d’images dans Claude. Team l’active par défaut. Un propriétaire Enterprise l’active sous Organization settings > Artifacts. Commencez par l’article d’Anthropic et le centre d’aide.
3. Utilisez Gemini Omni lorsque vous voulez du footage généré et un audio synchronisé natif. Ce qu’est Gemini Omni couvre ce modèle. Rédigez des prompts de footage Gemini Omni, ou des prompts Seedance et Veo pour le chemin de couplage OpenDesign, dans le générateur de prompts.

Lectures associées

• OpenDesign sur GitHub
• Version OpenDesign v0.25.0
• HyperFrames
• Anthropic: Dashboards and Motion
• Get started with Claude Motion
• Ce qu’est Gemini Omni
• Générateur de prompts