Aller au contenu principal

ALTERNATIVE À MOTION CANVAS

Une alternative à Motion Canvas, quand vous préférez ne pas coder

Vous aimez les animations explicatives, mais pas écrire chaque scène en TypeScript ? Décrivez-la, laissez votre agent l’écrire, puis peaufinez sur une timeline.

À partir de 19,9 $/mois · Compatible Claude Code et Codex · Indépendant, sans lien avec Anthropic

Claude Motion nécessite un abonnement payant Creator ou Studio. Il n’y a pas de formule gratuite.

MOTION CANVAS

  • Scènes en TypeScript
  • Aperçu en direct
  • Graphiques à construire vous-même
  • Gratuit, open source

CLAUDE MOTION

  • Un brief en langage courant
  • Timeline HyperFrames
  • ECharts intégré
  • 19,9 $ / 49,9 $ par mois

TOURNE SUR VOTRE PROPRE CLAUDE CODE OU CODEX · BASÉ SUR HYPERFRAMES · MP4 + WEB INTERACTIF

Côte à côte

  • Moins de code

    Votre agent écrit les scènes.

  • Graphiques intégrés

    ECharts, mis en forme.

  • Web interactif

    Et MP4 en plus.

Commencer
MOTION CANVASCLAUDE MOTION
Vous écrivezDes scènes en TypeScriptUn brief en langage courant
ÉditeurAperçu en directTimeline HyperFrames
GraphiquesÀ construire vous-mêmeECharts intégré
RésultatVidéoWeb + MP4
CoûtGratuit, open source19,9 $ / 49,9 $ par mois

Lequel vous correspond

  • Restez sur Motion Canvas

    Si vous aimez créer en code.

  • Essayez Claude Motion

    Si vous partez d’un document.

  • Utilisez les deux

    Prototypez avec un agent, affinez à la main dans le code.

Commencer
  1. 01Vous aimez créer vos animations en code et voulez un contrôle total → Motion Canvas.
  2. 02Vous avez besoin d’une chaîne entièrement open source → Motion Canvas.
  3. 03Vous partez d’un document, pas d’une scène vide → Claude Motion.
  4. 04Vous avez besoin de quiz, de filtres ou de liens de partage → Claude Motion.

Du code quand vous le voulez, une timeline sinon

  • Coupez et recalez

    Déplacez les clips et ajustez le timing sur une timeline HyperFrames.

  • Insérez des blocs

    Graphiques, sous-titres et transitions du catalogue HyperFrames.

  • Ou demandez simplement

    Dites à Claude Code quoi changer : il modifie la même composition.

Commencer

Partez d’un style d’animation

Chaque style inclut graphiques, filtres, quiz et glisser-déposer. Ou laissez votre agent créer librement.

Choisissez plusieurs styles ; votre agent choisit celui adapté au contenu.

La navigation ne télécharge aucun paquet.

Choisir le style et créer

Toutes les fonctionnalités dont vous avez besoin

  • Styles d’animation

    Choisissez un style ou laissez votre agent créer librement.

  • Graphiques animés

    ECharts intégré, assorti à votre style.

  • Quiz et glisser-déposer

    Interactif par défaut.

  • Timeline HyperFrames

    Modifiez clips, timing et blocs.

  • Voix off

    Anglais et chinois, noms de marque bien prononcés.

  • Musique

    Générez-la maintenant ou ajoutez-la plus tard.

  • Liens de partage

    Publics ou protégés par mot de passe, avec statistiques.

  • Rendu MP4

    Local et déterministe.

Passer de Motion Canvas à Claude Motion en 3 étapes

  1. 1Collez l’installation en une ligne dans Claude Code ou Codex.
  2. 2Importez votre document et choisissez un style d’animation, avec la musique maintenant ou plus tard.
  3. 3Peaufinez sur la timeline HyperFrames, puis faites le rendu MP4 ou partagez un lien.
Installez Claude Motion : exécutez npx -y claudemotion@latest setup et suivez les instructions affichées.

Au premier lancement, votre navigateur s’ouvre pour la connexion — un clic, sans terminal.

Vos questions, nos réponses

Puis-je utiliser les deux ?

Oui, ils ne sont pas incompatibles. Beaucoup de développeurs prototypent avec un agent et affinent à la main dans le code.

Décrivez l’animation. Oubliez le code répétitif.

Commencer