CATALOGUE Design et Infographie Formation Figma Apprendre Figma - Les fondamentaux Utilisation de Smart Animate dans Figma

Utilisation de Smart Animate dans Figma

Utilisation du Smart Animate
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Figma - Les fondamentaux
Revoir le teaser Je m'abonne
5,0
Transcription
Cette leçon fait partie de la formation
59,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
5,0
Cette leçon fait partie de la formation
59,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Apprenez à animer vos prototypes avec Smart Animate

Objectifs

Objectifs de cette vidéo :
- Maîtriser l'utilisation de Smart Animate dans Figma
- Savoir créer des transitions et animations fluides
- Appréhender la gestion des interactions et des états d'objets

Résumé

Apprenez à exploiter le Smart Animate dans Figma pour transformer vos prototypes en expériences utilisateur dynamiques.

Description

Cette leçon explore en détail l'utilisation de Smart Animate dans Figma, une fonctionnalité puissante pour l'animation d'objets et de frames. Vous découvrirez comment créer des transitions fluides entre différents variants et comment utiliser les principes de base pour paramétrer l'accélération et la décélération de vos animations. Le tutoriel se penche également sur l'importance de bien organiser vos calques et de définir vos interactions pour maximiser l'efficacité de Smart Animate. L'approche pédagogique inclut un exemple concret avec la création de composants animés comme une carte NFT intégrant un favicon interactif. À la fin de cette leçon, vous saurez comment ajouter des effets de survol et de like/delike pour enrichir vos interfaces prototypes.

Voir plus

Questions - réponses

Qu'est-ce que Smart Animate dans Figma?
Smart Animate est une fonctionnalité de Figma qui permet de créer des animations fluides entre les frames et variantes en analysant les différences de propriétés des objets.
Pourquoi est-il important que les éléments à animer soient présents dans les différentes frames ou variantes?
Cela permet à Figma de détecter les différences de propriétés entre ces objets et de créer des animations fluides lors du passage d'une frame à une autre.
Comment peut-on tester l'animation mise en place sur Figma?
On peut tester l'animation en utilisant la fonction de prototypage de Figma et en visualisant le résultat dans l'aperçu du prototype, en rafraîchissant la page si nécessaire.

Programme détaillé

5 commentaires
5,0
5 votes
5
4
3
2
1
Mag_Gms
Il y a 3 days
Commentaire
Super formation. Les explications sont claires, vous donnant une base solide pour bien commencer avec Figma. Cela vous aide à gagner du temps et à mieux vous organiser dès le début. Parfait pour les débutants. Merci!
jacques-andre.gomes
Il y a 4 months
Commentaire
Excellente formation. Précise, complète et bien découpée.
(Il n' y a plus qu'à...:-))
svanpo
Il y a 4 months
Commentaire
J'avais entendu parler de Figma. Excellente formation avec un formateur très compétent et pédagogique qui donne des astuces de réalisation donc parfait pour comprendre les concepts et la mise en œuvre de l'outil.
loran83000
Il y a 5 months
Commentaire
Très pédagogique.
camille.art
Il y a 6 months
Commentaire
Pour débuter. avec une base solide …très bonne pédagogie !
Bravo, il faut maintenant rajouter une autre pour monter le niveau dans la continuité de celle-ci