Cours 12 | Animations¶

Calendrier 📅¶

Ces fonctionnalités utilisent des crédits d'intelligence artificiel que vous avez gratuitement avec votre compte éducationnel. Profitez-en !!!

Pour connaître son solde, cliquer Figma > Solde d'IA.

On peut ajouter des gif animés dans Figma. Ils sont visibles dans l'aperçu d'un prototype.

Surtout utilisé en mobile. C'est l'animation qui accompagne le changement de contexte dans une interface.

Sert surtout à maintenir la continuité spatiale (l'utilisateur comprend où il va).

Souvent ça suit l'interaction. Par exemple, un swipe vers la gauche anime la page vers la gauche.

Figma compare deux frames, trouve les éléments qui portent le même nom et anime automatiquement la différence de leurs propriétés !

Menu hamberger

Animation de chargement

Une micro-interaction est une petite animation déclenchée par une action précise de l'utilisateur.

Par exemple une animation au hover de la souris. Simplement une rétroaction visuel pour comprendre l'interaction.

Devoir - Figma
Figmorency