CATALOGUE Design et Infographie Formation Figma Apprendre Figma - Les fondamentaux Simuler des gestes tactiles avec Smart Animate dans Figma

Simuler des gestes tactiles avec Smart Animate dans Figma

Geste tactile et 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
4,9
Transcription
Cette leçon fait partie de la formation
59,00€ 35,40€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,9
Cette leçon fait partie de la formation
59,00€ 35,40€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Utilisation de Smart Animate pour des interactions avancées

Objectifs

À la fin de cette vidéo, vous serez capable de :
1. Créer et gérer des composants avec des variantes.
2. Utiliser Smart Animate pour des transitions fluides.
3. Configurer des déclencheurs de glissement pour des gestes tactiles.

Résumé

Découvrez comment utiliser Figma et Smart Animate pour simuler des gestes tactiles de manière efficace.

Description

Dans cette leçon, nous explorerons comment exploiter les capacités de Smart Animate dans Figma afin de simuler des gestes tactiles. Vous apprendrez à créer un composant master et à utiliser des instances de ce composant pour démontrer des transitions fluides entre différentes variantes. Nous mettrons en place des prototypes et configurerons des déclencheurs de glissement (drag) pour améliorer l'interactivité. En suivant ces étapes, vous pourrez développer des micro-interactions complexes et des transitions visuelles convaincantes, essentielles pour des expériences utilisateur modernes et engageantes.

Voir plus

Questions fréquentes

Qu'est-ce que Smart Animate dans Figma?
Smart Animate est une fonctionnalité de Figma qui permet de créer des transitions fluides entre des états différents d'un même composant.
Comment peut-on utiliser les déclencheurs de glissement dans Figma?
Les déclencheurs de glissement permettent de configurer des éléments que l'utilisateur peut glisser pour passer d'un état à un autre dans un prototype.
Quelle est l'importance d'utiliser Clip Content dans une frame?
Clip Content permet de masquer les éléments sortant de la limite d'une frame, aidant ainsi à gérer l'affichage de contenus sur différentes tailles de variantes.

Programme détaillé

7 commentaires
4,9
7 votes
5
4
3
2
1
m.staudenmann
Il y a 1 mois
Bravo, l'outil est très bien expliqué et couvre toutes les fonctionnalités principales. De plus les exemples sont pertinent et facile à comprendre. A mon avis il manque toutefois, soit des exercices par section, ou alors un exercice en file conducteur le long de la formation.
Par contre les fichiers de ressources mentionnés dans la formation sont manquant, dommage.
howtoplay618
Il y a 2 mois
très bien
Mag_Gms
Il y a 4 mois
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 8 mois
Excellente formation. Précise, complète et bien découpée.
(Il n' y a plus qu'à...:-))
svanpo
Il y a 9 mois
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 9 mois
Très pédagogique.
camille.art
Il y a 11 mois
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