Comment ajouter un lien hypertexte dans Figma

L'une des fonctionnalités les plus utiles de l'outil de conception collaborative Figma est la possibilité d'ajouter des hyperliens. Avec cette fonctionnalité, connecter des pages en ligne devient facile. Les hyperliens facilitent la navigation sur un site. Les liens donnent aux visiteurs du site un accès direct aux ressources essentielles et aux pages de destination, entre autres informations.

Que vous essayiez d'apprendre à ajouter des liens vers des icônes et du texte ou à insérer des hyperliens en général, cet article vous guidera. Poursuivez votre lecture pour vous familiariser avec les différentes méthodes que vous pouvez utiliser pour y parvenir.

Création d'un lien hypertexte à l'aide d'une icône

C'est l'un des types de liens les plus courants que vous pouvez utiliser sur Figma. Ici, l'icône Lien est utilisée pour ajouter un lien texte. Ces étapes ne fonctionneront pas sur les images.

1. En utilisant le texte d'une page, mettez en surbrillance le texte que vous souhaitez lier à une autre page en cliquant au début de la section, puis en le faisant glisser dessus.
   
2. Après avoir mis en surbrillance le texte, cliquez sur l'icône « Lien » dans la barre d'outils en haut de l'espace de travail. Cela crée une boîte au-dessus du ou des mots mis en surbrillance.
   
3. Dans un autre onglet, ouvrez la page Web vers laquelle vous souhaitez créer un lien et copiez son URL en la mettant d'abord en surbrillance et en appuyant sur « Commande » + « C » sur Mac ou « Contrôle » + « C » sur Windows.
   
4. Accédez à la zone URL au-dessus de votre zone en surbrillance et cliquez à l'intérieur.
   
5. Appuyez sur « Commande » + « V » sur Mac ou « Contrôle » + « V » sur Windows. Cela vous permet de coller votre URL dans la case.
   
6. Cliquez sur un espace vide de la page ou appuyez sur « Entrée » pour ajouter le lien vers le texte. Une ligne apparaîtra sous le mot. Lorsque les utilisateurs cliquent sur ce mot, ils seront dirigés vers l'adresse du lien.
   

Utiliser un raccourci clavier pour créer des liens

C'est la deuxième méthode que vous pouvez utiliser pour créer un lien Figma. Vous pouvez utiliser la méthode des raccourcis clavier pour ajouter des liens sur du texte mais pas sur des images.

1. Sélectionnez le texte ou le mot que vous souhaitez servir de lien.
   
2. Utilisez ces raccourcis pour créer un cadre sur le mot ou le texte en surbrillance.
   
   • Appuyez sur « Contrôle » + « K » sur les appareils Windows.
   • Appuyez sur « Commande » + « K » sur les appareils Mac.
3. Collez l'URL souhaitée dans la zone.
   
4. Appuyez sur le bouton « Entrée » pour créer le lien hypertexte.
   

Utilisez le panneau Prototype pour créer votre lien hypertexte

Cette méthode peut être utilisée à la fois sur des images et du texte. C'est une option idéale pour lier une image comme sur les icônes des réseaux sociaux.

1. Sélectionnez votre texte ou votre image en cliquant d'abord dessus.
   
2. Accédez au panneau « Propriétés » et ouvrez « Prototype ».
   
3. Dans le menu Prototype sous « Interactions », sélectionnez l'interaction actuelle si elle est disponible. S'il n'y en a pas, cliquez sur l'icône « + » pour en ajouter un.
   
4. Ajustez les paramètres d'interaction pour ajouter un lien avec succès :
   
   • Définissez l'interaction sur « Au clic ».
   • L'action doit alors être définie sur « Ouvrir le lien ».
   • Collez votre lien dans la zone URL.
   • Cochez l'option « Ouvrir dans un nouvel onglet » pour ouvrir un nouvel onglet lorsqu'un utilisateur appuie sur le lien.
5. Quittez le panneau du prototype pour ajouter l'image ou le lien texte. Cela ne change pas l'image. Cependant, lorsque le dessin est affiché dans l'onglet « Présent », votre curseur change lorsque vous survolez l'image. Si vous cliquez sur l'image, le lien que vous avez ajouté s'ouvre.
   

Modifier ou supprimer les hyperliens Figma

Si vous pensez qu'un lien ne fonctionne pas ou si vous souhaitez le supprimer, vous pouvez le modifier ou le supprimer. Pour modifier votre lien :

1. Passez la souris sur le texte lié à l’aide de votre souris pour ouvrir le lien modal.
   
2. Sélectionnez l'option « Modifier » à côté du modal pour modifier l'adresse.
   
3. Apportez les modifications nécessaires et quittez.
4. Pour supprimer, décochez la zone de lien. Cela supprime entièrement votre URL et le texte n'est plus lié.
   

Améliorez l'accessibilité en ajoutant des hyperliens sur Figma

Les hyperliens dans Figma permettent aux utilisateurs de naviguer plus facilement dans le contenu. Vos liens peuvent renvoyer les utilisateurs vers d'autres fichiers, pages, cadres ou prototypes Figma. Les liens peuvent également être connectés à des sites Web externes et vous diriger vers de nouveaux onglets de navigateur. Il existe différentes manières d'ajouter des hyperliens, et cela devrait être simple avec les étapes décrites ci-dessus.

Avez-vous déjà tenté d'ajouter des hyperliens sur Figma ? Comment s’est passée l’expérience ? Faites-nous savoir dans la section commentaires ci-dessous.