Utiliser les Liens d'Ancrage dans Figma

Les liens d’ancrages
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

L'objectif de cette vidéo est de montrer comment implémenter efficacement des liens d'ancrage dans Figma pour améliorer la navigation utilisateur. Vous apprendrez à structurer vos calques en sections, à paramétrer les animations, et à ajuster la position des liens pour une expérience optimale.

Apprenez à implémenter des liens d'ancrage dans vos prototypages interactifs avec Figma. Améliorez l'expérience utilisateur sur vos sites One Page.

Dans cette leçon, nous allons explorer l'utilisation des liens d'ancrage dans Figma. Ces liens permettent de diriger l'utilisateur vers une section spécifique de la page, ce qui est particulièrement utile pour les sites One Page. Pour commencer, il est essentiel de structurer vos calques sous forme de sections. Par exemple, vous devez créer des sections pour l'en-tête, la présentation, la maison, et l'apparence.

Une fois les sections créées, vous pouvez sélectionner un élément d'intérêt et le connecter à la section désirée. Cela nécessite de définir des paramètres comme le mode de défilement et le timing de l'animation. Par exemple, vous pourriez choisir le mode Animate pour une transition fluide.

Vous avez également la possibilité d'ajuster la position en Y pour garantir que l'utilisateur arrive précisément à l'endroit souhaité. Ce réglage peut être crucial pour l'expérience utilisateur, surtout si vous ne voulez pas que l'utilisateur descende trop bas sur la page. En suivant ces étapes simples, vous pouvez facilement mettre en place des liens d'ancrage dans vos prototypages Figma.

Voir plus
Questions réponses
Pourquoi est-il important de structurer les calques en sections dans Figma?
Il est essentiel de structurer en sections pour faciliter la mise en place des liens d’ancrage et assurer une navigation fluide et cohérente sur l'ensemble de la page.
Quels modes de défilement sont proposés pour les liens d’ancrage dans Figma?
Figma propose plusieurs modes de défilement tels que 'Instant', 'Animate', et des options personnalisables pour adapter la transition selon les besoins du design.
Comment peut-on ajuster la position en Y des liens d’ancrage?
En modifiant les valeurs Y dans les paramètres de prototypage de Figma, vous pouvez ajuster la position verticale pour que l’utilisateur arrive exactement à l’endroit souhaité.

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