Dans le cours : Figma : Astuces et techniques

Accédez à ce cours grâce à un essai gratuit

Inscrivez-vous aujourd’hui pour accéder à plus de 25 300 cours dispensés par des experts.

Animer un bouton interactif

Animer un bouton interactif - Tutoriel Figma

Dans le cours : Figma : Astuces et techniques

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Animer un bouton interactif

“

C'est l'heure d'apprendre à créer un bouton interactif. Donc pour ça, je vais sur ma page Composants. Et, je vais utiliser ce composant pour créer de nouvelles variantes et les animer. Je vais commencer par changer la couleur de l'icône de la seconde variante. Je vais démasquer simplement la couleur de remplissage. Je vais faire la même chose à la troisième variante et changer également le texte. Comme ceci. Le but étant d'avoir ce premier bouton et au passage de la souris, de voir la deuxième variante s'afficher, pour qu'au moment du clic, la troisième prenne le dessus. Donc, nous allons utiliser l'outil de prototypage. Et, je vais commencer par créer une interaction de la première variante vers la seconde. Je vais créer une interaction non pas au moment du clic, mais « while hovering » donc au moment du survol de la souris. vers la seconde variante, en « smart animate », pour une animation plus fluide. Je vais faire pareil avec la deuxième variante que je vais, cette fois-ci,…

Table des matières