Comment lier des pages dans Figma

Apprenez à relier des pages dans Figma à l’aide des fonctionnalités de prototypage. Ce guide étape par étape vous montre comment créer une navigation interactive entre des cadres ou des pages.

Créez de superbes vidéos produit et des documents avec l’IA

Ce tutoriel a été créé avec Trupeer en moins de 5 minutes

Créez gratuitement

Lier vers une autre page dans Figma :

Sélectionnez l’élément : choisissez l’objet (texte, forme, etc.) que vous souhaitez utiliser comme lien.
Ouvrez l’onglet Prototype : dans la barre latérale droite, passez de l’onglet Design à l’onglet Prototype.
Créez l’interaction : cliquez et faites glisser le nœud circulaire (poignée d’interaction) depuis l’élément sélectionné vers le cadre cible sur la page souhaitée.
Configurez les détails de l’interaction : dans la petite zone de paramètres, définissez l’interaction "Au clic" sur "Aller à" et sélectionnez la page cible.
Testez votre lien : cliquez sur l’icône "Présenter" pour passer en mode prototype et tester le lien.

Guide étape par étape : comment lier des pages dans Figma

Étape 1

Dans le menu de gauche, vous verrez l’option Pages. En dessous, vous verrez le nom du design.

From the left side menu, you will see the Pages option. Under that, you will see the design name.

Étape 2

Puis sélectionnez le texte,

Étape 3

Dans le menu de droite, cliquez sur l’option de lien.

From the right side menu, Click on the link option.

Étape 4

Puis saisissez le texte ou le lien.

Étape 5

Une fois terminé, appuyez simplement sur le modèle de curseur correspondant.

Once done, just tap on the particular slider template.

Étape 6

Vous verrez maintenant que le texte est lié.

Conseils de pro pour lier des pages dans Figma

Ouvrez votre fichier de design
Commencez par lancer Figma et ouvrir le fichier dans lequel vous souhaitez lier des pages ou des cadres pour la navigation.
Créez ou identifiez vos cadres
Chaque écran ou page que vous souhaitez lier doit se trouver dans son propre cadre. Assurez-vous que les cadres portent des noms clairs pour faciliter la sélection lors de la liaison.
Sélectionnez l’élément à associer à un lien
Cliquez sur un bouton, un texte ou tout autre élément interactif que vous souhaitez utiliser comme déclencheur de lien.
Passez en mode Prototype
Dans le coin supérieur droit, passez de l’onglet “Design” à l’onglet “Prototype”. Cela vous permet de créer des liens interactifs.
Faites glisser le nœud vers le cadre cible
Vous verrez un nœud circulaire sur le bord droit de l’élément sélectionné. Faites-le glisser jusqu’au cadre vers lequel vous souhaitez créer le lien. Cela créera une ligne de connexion.

Pièges courants et comment les éviter

Faire glisser le lien vers le mauvais calque
Assurez-vous de lier un cadre, et non un groupe ou une forme. Seuls les cadres peuvent servir de destination dans les prototypes.
Impossible de lier entre des pages
Figma ne prend pas en charge la liaison directe entre différentes pages. Déplacez temporairement les cadres sur la même page, liez-les, puis replacez-les si nécessaire.
Flux de navigation confus
Si vous avez trop de liens qui se chevauchent, utilisez des flèches, des annotations ou un organigramme pour aider les collaborateurs à suivre la navigation.
Connexions de prototype absentes dans les exports
Les liens de prototype n’apparaissent pas dans les exports PDF ou image. Utilisez le mode “Present” de Figma ou partagez un lien en direct pour des aperçus interactifs.
Les modifications ne s’affichent pas
Si les liens ne fonctionnent pas en mode présentation, actualisez l’onglet d’aperçu ou vérifiez à nouveau si des cadres ont été dissociés accidentellement.

FAQ courantes sur la liaison de pages dans Figma

Puis-je lier un frame à un autre dans Figma ?
Oui, utilisez le mode Prototype pour connecter des éléments interactifs à des frames cibles pour une navigation fluide.
Comment lier des éléments entre différentes pages dans Figma ?
Vous devez déplacer temporairement le frame de destination sur la même page, le lier, puis le remettre à sa place.
Puis-je ajouter des transitions entre des pages liées ?
Oui, lors de la liaison, choisissez une animation comme « Dissolve », « Smart Animate » ou « Move In » pour créer des transitions fluides.
Comment prévisualiser les liens ?
Cliquez sur le bouton « Present » dans le coin supérieur droit pour afficher votre design interactif et tester tous les liens de navigation.
Est-il possible de revenir à un frame précédent via un lien ?
Oui, créez une interaction distincte sur un autre élément et reliez-la au frame précédent à l’aide des mêmes outils de prototype.
Le soulignement fonctionne-t-il pour le texte à l’intérieur des composants ?
Oui, le soulignement fonctionne de la même manière dans les composants. Assurez-vous simplement de modifier le bon calque de texte.
Comment enregistrer l’écran sur Mac
Pour enregistrer l’écran sur un Mac, vous pouvez utiliser Trupeer AI. Il vous permet de capturer l’écran entier et offre des fonctionnalités d’IA telles que l’ajout d’avatars IA, l’ajout d’une voix off et l’ajout de zoom avant et arrière dans la vidéo. Grâce à la fonctionnalité de traduction vidéo par IA de Trupeer, vous pouvez traduire la vidéo dans plus de 30 langues.
Comment ajouter un avatar IA à un enregistrement d’écran ?
Pour ajouter un avatar IA à un enregistrement d’écran, vous devrez utiliser un outil d’enregistrement d’écran IA. Trupeer AI est un outil d’enregistrement d’écran IA qui vous aide à créer des vidéos avec plusieurs avatars et vous aide également à créer votre propre avatar pour la vidéo.
Comment enregistrer l’écran sous Windows ?
Pour enregistrer l’écran sous Windows, vous pouvez utiliser la barre de jeu intégrée (Windows + G) ou un outil IA avancé comme Trupeer AI pour des fonctionnalités plus avancées telles que les avatars IA, la voix off, la traduction, etc.
Comment ajouter une voix off à une vidéo ?
Pour ajouter une voix off aux vidéos, téléchargez l’extension Chrome Trupeer AI. Une fois inscrit, téléchargez votre vidéo avec voix, choisissez la voix off souhaitée dans Trupeer, puis exportez votre vidéo modifiée.
Comment effectuer un zoom avant dans un enregistrement d’écran ?
Pour effectuer un zoom avant pendant un enregistrement d’écran, utilisez les effets de zoom dans Trupeer AI, qui vous permettent de zoomer avant et arrière à des moments précis, renforçant ainsi l’impact visuel de votre contenu vidéo.