Aperçu
Replit Animation vous permet de créer des motion graphics soignés entièrement via une conversation avec Agent. Ce sont des animations programmatiques construites avec React — Remotion n’est pas utilisé ; à la place, les vidéos animées s’appuient sur une combinaison de bibliothèques d’animation de sites web et de compétences Agent personnalisées. Ce n’est pas une vidéo générée par IA comme Runway ou Sora. Vos vidéos peuvent inclure des superpositions de texte, des transitions fluides, des images générées par IA, et plus encore. Les vidéos se jouent automatiquement en boucle dans le panneau de prévisualisation, et vous pouvez les itérer en discutant avec Agent, tout comme pour construire n’importe quelle autre application. Disponible pour tous les constructeurs, y compris le niveau gratuit.Créer une vidéo animée
Vous pouvez commencer à créer une vidéo animée de deux façons depuis la page d’accueil de Replit :Option 1 : Tapez une invite
Sélectionnez l’onglet Application sur la page d’accueil et tapez une invite décrivant la vidéo que vous souhaitez. Agent détectera automatiquement les invites liées aux vidéos et sélectionnera la stack Vidéo animée. Exemples d’invites :- « Fais une vidéo promo pour ma nouvelle marque d’eau pétillante »
- « Crée une vidéo explicative de 30 secondes sur le fonctionnement des grands modèles de langage »
- « Fais une vidéo promotionnelle cinématographique pour la ville d’Austin, au Texas »

Option 2 : Sélectionnez dans le menu déroulant
- Allez dans l’onglet Application sur la page d’accueil.
- Ouvrez le menu déroulant des types d’application.
- Sélectionnez Animation.
- Tapez une description de la vidéo que vous souhaitez créer.

Itérer sur votre vidéo
Après qu’Agent génère la première version, vous pouvez l’affiner via la conversation. Quelques approches qui fonctionnent bien :- Utilisez le bouton Améliorer l’invite dans la saisie de chat, qui est spécialement optimisé pour les invites vidéo.
- Demandez des améliorations — dire quelque chose comme « rends-la meilleure » ou « ajoute des animations plus complexes dans les scènes, sois plus créatif » après avoir examiné la première version tend à produire de bons résultats.
- Soyez précis sur ce que vous voulez changer — par exemple, « rends les transitions plus fluides », « change le schéma de couleurs en bleu foncé et or » ou « ajoute une révélation de logo à la fin ».
Exporter votre vidéo
Lorsque votre vidéo est satisfaisante, vous pouvez l’exporter en tant que fichier MP4.- Localisez le bouton Exporter en haut à droite du panneau de prévisualisation.
- Sélectionnez vos paramètres de qualité préférés :
- Résolution : 720p ou 1080p
- Fréquence d’images : 30fps ou 60fps
- Sélectionnez Exporter. Le rendu peut prendre quelques minutes selon la complexité de la vidéo.
- Une fois le rendu terminé, le fichier MP4 se télécharge automatiquement.

Cas d’usage
Les vidéos animées fonctionnent bien pour une gamme de besoins créatifs et professionnels :- Vidéos de lancement de produit — annoncez une nouvelle application, fonctionnalité ou sortie de produit avec une promo soignée.
- Vidéos de marque et cinématiques — créez des vidéos visuellement riches pour des entreprises, villes, universités ou événements.
- Vidéos explicatives — expliquez comment un produit, une fonctionnalité ou un concept fonctionne en 30 à 60 secondes.
- Contenu pour les réseaux sociaux — créez des motion graphics accrocheurs pour Twitter/X, LinkedIn, Instagram ou TikTok.
- Vidéos de page d’atterrissage — ajoutez des sections hero animées ou des vidéos d’arrière-plan à votre site web.
- Mises à jour pour investisseurs et levée de fonds — créez des vidéos d’annonce professionnelles pour les jalons.
Spécifications vidéo
| Propriété | Détails |
|---|---|
| Format | MP4 |
| Résolution | 720p ou 1080p |
| Fréquence d’images | 30fps ou 60fps |
| Rapport d’aspect | 16:9 (par défaut) |
| Rendu | Côté serveur ; bibliothèques d’animation (généralement utilisées pour les sites web) plus compétences Agent personnalisées — pas Remotion |
| Lecture | Boucle automatique dans le panneau de prévisualisation |
Questions courantes
- Puis-je mettre en pause ou lire la vidéo ? La prévisualisation n’inclut pas de contrôles de pause/lecture intégrés. Les vidéos se jouent toujours automatiquement en boucle. Si vous souhaitez pause/lecture (ou sélection de scène) dans votre vidéo, vous pouvez demander à Agent de les ajouter — bien que l’ajout de ces contrôles puisse parfois dégrader la qualité du design, vous préférerez peut-être garder la boucle par défaut.
- Y a-t-il une sélection de scène ? Il n’y a pas de sélecteur de scène intégré dans la prévisualisation. Vous pouvez demander à Agent d’ajouter une sélection de scène ou d’autres contrôles si vous le souhaitez ; le même compromis s’applique comme ci-dessus.
Limitations
Les vidéos animées sont une nouvelle fonctionnalité et présentent certaines limitations actuelles à connaître :- Animation programmatique uniquement : Les vidéos sont des motion graphics basés sur React. Ce n’est pas une vidéo générée par IA (comme Runway ou Sora) — bien qu’il puisse générer des vidéos et les utiliser dans le code.
- Temps de rendu : Les animations complexes peuvent prendre plusieurs minutes à exporter. Les vidéos plus simples se rendent plus rapidement.
- Des itérations peuvent être nécessaires : Bien que de nombreuses invites produisent d’excellents résultats en une seule prise, vous devrez peut-être itérer à travers 2 à 3 versions pour obtenir le résultat exact que vous souhaitez. Utiliser le bouton Améliorer l’invite pour l’invite initiale et donner des retours après le premier point de contrôle aide.
Prochaines étapes
- Essayez des exemples d’invites : Commencez avec l’une des invites de démo ci-dessus pour voir ce que les vidéos animées peuvent faire.
- Utilisez Améliorer l’invite : Le bouton Améliorer l’invite dans le chat est optimisé pour les invites vidéo et tend à améliorer les résultats.
- Publier ou télécharger : Exportez votre vidéo terminée en MP4 ou publiez-la pour partager un lien.
- Explorez d’autres types d’application : Découvrez comment construire des applications avec Agent ou créer des designs visuels avec le Mode Design.