Tutoriels

Comment lier des pages dans Figma

Apprenez à lier des pages dans Figma en utilisant les fonctionnalités de prototypage. Ce guide étape par étape vous montre comment créer une navigation interactive entre des cadres ou des pages.

Commencez à créer des vidéos avec notre générateur de vidéos et de documents IA

Commencez à créer des vidéos avec notre générateur de vidéos et de documents IA

Commencez à créer des vidéos avec notre générateur de vidéos et de documents IA

Lier à 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) de votre élément sélectionné vers le cadre cible de la page souhaitée. 
Configurer les détails de l'interaction : Dans la petite boîte de paramètres, définissez l'interaction "Au clic" sur "Naviguer vers" et sélectionnez la page cible. 
Testez votre lien : Cliquez sur l'icône "Présenter" pour entrer en mode prototype et testez le lien. 

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

Étape 1

Depuis le menu latéral 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

Ensuite, sélectionnez le texte,

Then select the text,

Étape 3

Depuis le menu latéral droit, cliquez sur l'option de lien.

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

Étape 4

Ensuite, saisissez le texte ou le lien.

Then enter the text or link.

Étape 5

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

Once done, just tap on the particular slider template.

Étape 6

Maintenant, vous verrez que le texte est lié.

Now you will see the text is linked.

Lier à 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) de votre élément sélectionné vers le cadre cible de la page souhaitée. 
Configurer les détails de l'interaction : Dans la petite boîte de paramètres, définissez l'interaction "Au clic" sur "Naviguer vers" et sélectionnez la page cible. 
Testez votre lien : Cliquez sur l'icône "Présenter" pour entrer en mode prototype et testez le lien. 

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

Étape 1

Depuis le menu latéral 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

Ensuite, sélectionnez le texte,

Then select the text,

Étape 3

Depuis le menu latéral droit, cliquez sur l'option de lien.

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

Étape 4

Ensuite, saisissez le texte ou le lien.

Then enter the text or link.

Étape 5

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

Once done, just tap on the particular slider template.

Étape 6

Maintenant, vous verrez que le texte est lié.

Now you will see the text is linked.

Commencez à créer des vidéos avec notre générateur de vidéos et de documents AI gratuitement.

Commencez à créer des vidéos avec notre générateur de vidéos et de documents AI gratuitement.

Commencez à créer des vidéos avec notre générateur de vidéos et de documents AI gratuitement.

Conseils Pro pour Lier des Pages dans Figma

  1. Ouvrez Votre Fichier de Design
    Commencez par lancer Figma et ouvrez le fichier où vous souhaitez lier des pages ou des cadres pour la navigation.

  2. Créez ou Identifiez Vos Cadres
    Chaque écran ou page que vous souhaitez lier doit être à l'intérieur de son propre cadre. Assurez-vous que les cadres sont nommés clairement pour une sélection facile lors de la liaison.

  3. Sélectionnez l'Élément à Ajouter un Lien
    Cliquez sur un bouton, du texte ou tout autre élément interactif que vous souhaitez utiliser comme déclencheur de lien.

  4. Entrez 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.

  5. Faites Glisser le Nœud vers le Cadre Cible
    Vous verrez un nœud circulaire sur le bord droit de votre élément sélectionné. Faites-le glisser vers le cadre auquel vous souhaitez lier. Cela créera une ligne de connexion.

Pièges Courants et Comment les Éviter

  1. Faire Glisser le Lien vers le Mauvais Calque
    Assurez-vous que vous liez à un cadre, et non à un groupe ou une forme. Seuls les cadres peuvent servir de destinations dans les prototypes.

  2. Impossible de Lier Entre les Pages
    Figma ne prend pas en charge le lien direct entre différentes pages. Déplacez temporairement les cadres sur la même page, liez-les, puis repositionnez-les si nécessaire.

  3. 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.

  4. Connexions Prototype Manquantes dans les Exports
    Les liens de prototype n'apparaissent pas dans les exports PDF ou image. Utilisez le mode “Présentation” de Figma ou partagez un lien en direct pour des aperçus interactifs.

  5. Changements Non Reflétés
    Si les liens ne fonctionnent pas en mode présentation, rafraîchissez l'onglet d'aperçu ou vérifiez doublement si les cadres ont été accidentellement désolidarisés.

Conseils Pro pour Lier des Pages dans Figma

  1. Ouvrez Votre Fichier de Design
    Commencez par lancer Figma et ouvrez le fichier où vous souhaitez lier des pages ou des cadres pour la navigation.

  2. Créez ou Identifiez Vos Cadres
    Chaque écran ou page que vous souhaitez lier doit être à l'intérieur de son propre cadre. Assurez-vous que les cadres sont nommés clairement pour une sélection facile lors de la liaison.

  3. Sélectionnez l'Élément à Ajouter un Lien
    Cliquez sur un bouton, du texte ou tout autre élément interactif que vous souhaitez utiliser comme déclencheur de lien.

  4. Entrez 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.

  5. Faites Glisser le Nœud vers le Cadre Cible
    Vous verrez un nœud circulaire sur le bord droit de votre élément sélectionné. Faites-le glisser vers le cadre auquel vous souhaitez lier. Cela créera une ligne de connexion.

Pièges Courants et Comment les Éviter

  1. Faire Glisser le Lien vers le Mauvais Calque
    Assurez-vous que vous liez à un cadre, et non à un groupe ou une forme. Seuls les cadres peuvent servir de destinations dans les prototypes.

  2. Impossible de Lier Entre les Pages
    Figma ne prend pas en charge le lien direct entre différentes pages. Déplacez temporairement les cadres sur la même page, liez-les, puis repositionnez-les si nécessaire.

  3. 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.

  4. Connexions Prototype Manquantes dans les Exports
    Les liens de prototype n'apparaissent pas dans les exports PDF ou image. Utilisez le mode “Présentation” de Figma ou partagez un lien en direct pour des aperçus interactifs.

  5. Changements Non Reflétés
    Si les liens ne fonctionnent pas en mode présentation, rafraîchissez l'onglet d'aperçu ou vérifiez doublement si les cadres ont été accidentellement désolidarisés.

Questions Fréquemment Posées Sur le Lien de Pages dans Figma

  1. Puis-je lier un cadre à un autre dans Figma?
    Oui, utilisez le mode Prototype pour connecter des éléments interactifs aux cadres cibles pour une navigation fluide.

  2. Comment lier différentes pages dans Figma?
    Vous devez temporairement déplacer le cadre de destination vers la même page, le lier, puis le remettre à sa place.

  3. Puis-je ajouter des transitions entre les pages liées?
    Oui, lors du lien, choisissez une animation comme "Dissoudre," "Smart Animate," ou "Déplacer" pour créer des transitions fluides.

  4. Comment prévisualiser les liens?
    Cliquez sur le bouton "Présenter" dans le coin supérieur droit pour voir votre design interactif et tester tous les liens de navigation.

  5. Est-il possible de revenir à un cadre précédent?
    Oui, créez une interaction distincte sur un élément différent et reliez-le au cadre précédent en utilisant les mêmes outils de prototype.

  6. Le soulignement fonctionne-t-il pour le texte à l'intérieur des composants?
    Oui, le soulignement fonctionne de la même manière à l'intérieur des composants. Assurez-vous simplement que vous modifiez le bon calque de texte.

  7. 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 capacités d'IA telles que l'ajout d'avatars IA, l'ajout de voix off, l'ajout de zoom avant et arrière dans la vidéo. Avec la fonction de traduction vidéo IA de trupeer, vous pouvez traduire la vidéo en plus de 30 langues. 

  8. 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.

  9. Comment enregistrer l'écran sur Windows?
    Pour enregistrer l'écran sur Windows, vous pouvez utiliser la barre de jeux intégrée (Windows + G) ou un outil avancé d'IA tel que Trupeer AI pour des fonctionnalités plus avancées telles que les avatars IA, la voix off, la traduction, etc.

  10. 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 la voix, choisissez la voix off souhaitée de trupeer et exportez votre vidéo éditée. 

  11. Comment zoomer sur un enregistrement d'écran?
    Pour zoomer pendant un enregistrement d'écran, utilisez les effets de zoom dans Trupeer AI qui vous permettent de zoomer avant et arrière à des moments spécifiques, renforçant l'impact visuel de votre contenu vidéo.


Les gens demandent aussi

Générateur de Documentation Technique

Guide du Manuel Utilisateur

Logiciel de Base de Connaissances

Comment Masquer les Noms de Cadres dans Figma

Comment Sauvegarder un Fichier Figma

Comment Faire une Grille dans Figma

Comment Faire une Grille dans Figma

Comment Flouter l'Arrière-Plan dans Figma

Questions Fréquemment Posées Sur le Lien de Pages dans Figma

  1. Puis-je lier un cadre à un autre dans Figma?
    Oui, utilisez le mode Prototype pour connecter des éléments interactifs aux cadres cibles pour une navigation fluide.

  2. Comment lier différentes pages dans Figma?
    Vous devez temporairement déplacer le cadre de destination vers la même page, le lier, puis le remettre à sa place.

  3. Puis-je ajouter des transitions entre les pages liées?
    Oui, lors du lien, choisissez une animation comme "Dissoudre," "Smart Animate," ou "Déplacer" pour créer des transitions fluides.

  4. Comment prévisualiser les liens?
    Cliquez sur le bouton "Présenter" dans le coin supérieur droit pour voir votre design interactif et tester tous les liens de navigation.

  5. Est-il possible de revenir à un cadre précédent?
    Oui, créez une interaction distincte sur un élément différent et reliez-le au cadre précédent en utilisant les mêmes outils de prototype.

  6. Le soulignement fonctionne-t-il pour le texte à l'intérieur des composants?
    Oui, le soulignement fonctionne de la même manière à l'intérieur des composants. Assurez-vous simplement que vous modifiez le bon calque de texte.

  7. 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 capacités d'IA telles que l'ajout d'avatars IA, l'ajout de voix off, l'ajout de zoom avant et arrière dans la vidéo. Avec la fonction de traduction vidéo IA de trupeer, vous pouvez traduire la vidéo en plus de 30 langues. 

  8. 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.

  9. Comment enregistrer l'écran sur Windows?
    Pour enregistrer l'écran sur Windows, vous pouvez utiliser la barre de jeux intégrée (Windows + G) ou un outil avancé d'IA tel que Trupeer AI pour des fonctionnalités plus avancées telles que les avatars IA, la voix off, la traduction, etc.

  10. 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 la voix, choisissez la voix off souhaitée de trupeer et exportez votre vidéo éditée. 

  11. Comment zoomer sur un enregistrement d'écran?
    Pour zoomer pendant un enregistrement d'écran, utilisez les effets de zoom dans Trupeer AI qui vous permettent de zoomer avant et arrière à des moments spécifiques, renforçant l'impact visuel de votre contenu vidéo.


Les gens demandent aussi

Générateur de Documentation Technique

Guide du Manuel Utilisateur

Logiciel de Base de Connaissances

Comment Masquer les Noms de Cadres dans Figma

Comment Sauvegarder un Fichier Figma

Comment Faire une Grille dans Figma

Comment Faire une Grille dans Figma

Comment Flouter l'Arrière-Plan dans Figma

Commencez à créer des vidéos avec notre générateur de vidéos et de documents IA

Commencez à créer des vidéos avec notre générateur de vidéos et de documents IA

Commencez à créer des vidéos avec notre générateur de vidéos et de documents IA

Commencez à créer des vidéos avec notre générateur de vidéos et de documents IA

Vidéos et documents de produits AI instantanés à partir d'enregistrements d'écran de qualité médiocre

Commencez gratuitement

Commencez gratuitement

Découvrez la nouvelle méthode plus rapide de création de vidéos produit.

Vidéos et documents de produits IA instantanés à partir d'enregistrements d'écran bruts.

Get started for free

Commencez gratuitement

Découvrez la nouvelle méthode plus rapide de création de vidéos produit.

Vidéos et documents de produits IA instantanés à partir d'enregistrements d'écran bruts.

Get started for free

Commencez gratuitement

Découvrez la nouvelle méthode plus rapide de création de vidéos produit.

Vidéos et documents de produits IA instantanés à partir d'enregistrements d'écran bruts.

Get started for free

Commencez gratuitement