Utilisation des Systèmes de Défilement dans Figma

Les différents système de Scroll
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

À la fin de cette vidéo, vous serez capable d'implémenter des systèmes de défilement dans Figma pour créer des prototypes interactifs et immersifs.

Apprenez à implémenter les systèmes de défilement dans Figma pour améliorer l'expérience utilisateur de vos prototypes.

Cette leçon vous guidera à travers l'utilisation des systèmes de défilement dans Figma, un outil essentiel pour créer des prototypes interactifs proches de l'expérience utilisateur réelle que l'on rencontre sur les applications mobiles. Vous apprendrez à manipuler des frames, à ajuster les dimensions des containers et à configurer des défilements horizontaux et verticaux. En suivant les étapes, vous pourrez rendre vos prototypes plus immersifs et dynamiques en permettant un défilement fluide dans différentes directions.

Le tuto commence par l'importance des systèmes de défilement et montre comment identifier les éléments en dehors de la frame pour configurer ces défilements. Vous verrez également comment les cartes (ou cards) et autres composants peuvent être ajustés en taille pour s'aligner avec votre plan de travail. La leçon se termine par des exemples pratiques illustrant le défilement dans une carte plus grande et l'ajout d'interactions cliquables pour enrichir les prototypes.

Grâce à ces techniques, vous serez en mesure de créer des prototypes plus réalistes et interactifs, ce qui est crucial pour tester et valider vos designs avec des utilisateurs réels avant la phase de développement.

Voir plus
Questions réponses
Comment activer le défilement horizontal dans Figma ?
Pour activer le défilement horizontal, sélectionnez la frame concernée, allez en mode Prototype, cliquez sur Overflow, et choisissez l'option de défilement horizontal.
Pourquoi les systèmes de défilement sont-ils importants pour le prototypage ?
Les systèmes de défilement permettent de créer des prototypes plus immersifs et réalistes, simulant de manière plus fidèle l'expérience utilisateur sur les applications mobiles.
Que pouvez-vous faire en utilisant le défilement dans deux directions ?
Le défilement dans deux directions permet de naviguer à travers de grandes cartes ou images, en ajoutant des éléments interactifs pour afficher des informations spécifiques sur des lieux ou des objets.

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