Animation soignée dans un prompt
Créez des animations de niveau professionnel en utilisant l’agent de Figma. Utilisez-le pour des mouvements répétés ou des récits complexes.
Figma Motion
Créez des animations précises et prêtes pour la production directement sur le plan de travail.
Un design d'animations pour donner libre cours à votre imagination.
Que vous vous intéressiez simplement à l'animation ou que vous soyez un expert en effets d'accélération et de décélération, vous n'aurez aucun mal à manipuler vos créations.
Contrôlez chaque keyframe
Vous maîtrisez totalement la chronologie. Réglez chaque frame et propriété exactement comme vous le souhaitez, puis faites appel à votre équipe pour optimiser l'animation finale.
Une créativité sans limites, avec maîtrise et précision.
Apportez des éléments de clarté et d’expression à votre travail. Animez les états de chargement, les interactions au survol, les styles de logo et bien plus encore. La seule limite, c’est la chronologie.
Créer rapidement avec des styles prédéfinis
Les styles d’animation sont intégrés d'office, notamment Fondu, Rotation, Mise à l'échelle, Redimensionnement, et bien d'autres encore. Cumulez les styles pour concrétiser votre vision.Styles personnalisés bientôt disponibles.
Ajuster le timing automatiquement
Utilisez la fonction autokey pour suivre et enregistrer vos mouvements d'animation, puis personnalisez chaque keyframe à l'aide de courbes de Bézier et d'effets de rebond.
Entrer dans une nouvelle dimension
Les transformations 3D apportent de la profondeur à vos créations et à vos images. Associez-les à des animations pour que les objets se déplacent comme dans la réalité. Bientôt disponible.
Lisser toutes les transitions
Chaque transition d'écran à écran dispose désormais d'une chronologie complète, et vous pouvez ajuster le timing de chaque élément. Bientôt disponible.
Créez des systèmes une seule fois, pour ensuite les utiliser en toute occasion.
Les systèmes d'animation permettent à toute votre équipe d'ajouter rapidement des ressources animées conformes à l'identité visuelle de la marque, où que ce soit.
Réutiliser les composants entre les ressources
Systématisez les animations courantes : plus besoin de les créer de toutes pièces à chaque fois. Créez des modes et des composants qui fonctionnent quel que soit l’endroit où ils sont appliqués.
Échanger les variables pour gagner du temps
Passez rapidement d'une valeur d'animation à une autre avec des variables et des tokens.
Intégrer des animations directement dans le code.
Toutes vos animations s’appuient sur du code réel, prêt pour la production, et exportable directement depuis Figma.
Transférer aux développeurs sans difficulté
Les développeurs peuvent inspecter toute la chronologie d'animation dans Dev Mode, puis copier directement le code d'animation dans CSS, JSON ou React.
Donner un contexte d'animation complet aux agents IA
Envoyez le code d'animation à vos outils de codage agentiques via le serveur MCP de Figma. Il préserve toutes vos valeurs, telles que l'accélération et le timing.
Exporter directement depuis Figma
Partagez les animations largement. Transformez n'importe quel frame animée en fichier MP4, GIF, SVG ou WebM.