Ajouter des liens au texte – Figma Learn - Centre d'aide

Avant de commencer

Qui peut utiliser cette fonctionnalité

Les utilisateurs disposant d'un accès éditeur à un fichier peuvent créer et modifier des liens

Les utilisateurs disposant d'un accès lecteur à un fichier peuvent uniquement cliquer sur des liens

Les liens au sein d'un texte fonctionnent également dans le cadre de prototypes. Découvrez comment démarrer avec le prototypage.

Ajoutez des liens à n'importe quel calque de texte de votre fichier de design afin de :

diriger vos collaborateurs vers des sites externes tels que de la documentation ou des outils de gestion de projets ;
créer une navigation au sein d'un fichier Figma volumineux vers des cadres et des pages spécifiques ;
rediriger vers d'autres fichiers et prototypes Figma ;
représenter de véritables liens qui existeront au cours de la phase de production.

Remarque : il n'est actuellement pas possible d'ajouter des liens à des images ou des objets vectoriels dans l'Éditeur. Cela est uniquement possible lors de la création de prototypes de hotspots. La redirection vers des clients de messagerie par défaut à l'aide d'éléments HTML tels que mailto: n'est pas prise en charge pour le moment.

Créer un lien

Vous pouvez ajouter un lien à un calque de texte complet ou à une sélection de texte au sein d'un calque. Sélectionnez le calque de texte, puis appuyez sur la touche Entrée pour éditer le calque de texte et effectuer votre sélection.

À partir de la barre d'outils

Effectuez votre sélection.
Cliquez sur Create link dans la barre d'outils.
Saisissez ou copiez une URL dans la zone de saisie prévue à cet effet au-dessus du texte sélectionné.
Appuyez sur Entrée pour appliquer le lien.

À l'aide du raccourci clavier

Effectuez votre sélection.
Utilisez le raccourci clavier pour ouvrir la zone de saisie de lien au-dessus du texte sélectionné :
- Mac : Commande K
- Windows : Ctrl K
Saisissez ou collez l'URL dans la zone de saisie.
Appuyez sur Entrée pour appliquer le lien.

À l'aide de la fonction Paste in place

Ajoutez des liens directement dans le texte sans utiliser la zone de saisie de lien.

Effectuez votre sélection.
Collez une URL à partir de votre presse-papiers à l'aide du raccourci clavier :
- Mac : Commande V
- Windows : Ctrl V

Si vous souhaitez afficher une URL complète au sein d'une page, utilisez deux fois le raccourci clavier Coller : une fois pour la coller en tant que texte et une deuxième fois pour la transformer en lien.
En savoir plus sur le fonctionnement des liens dans notre Fichier d'initiation aux liens.

Astuce : pour ajouter une URL ou une adresse e-mail sans créer de lien, utilisez le raccourci clavier :

Mac : ⌘ Commande Maj V
Windows : Ctrl Maj V

Copier un lien vers un fichier, une page ou un cadre

Créez des liens de navigation vers des pages et des cadres au sein d'un fichier volumineux, ou redirigez vers d'autres fichiers et prototypes Figma.

Fichier

Pour copier un lien vers un ficher :

Ouvrez le fichier.
Cliquez sur le bouton Share.
À partir de la fenêtre modale Share, configurez toutes les permissions de partage de lien.
Cliquez sur Copy linkpour copier l'URL dans votre presse-papiers.

Prototype

Pour copier un lien vers un prototype :

Ouvrez le fichier.
Cliquez sur Present pour ouvrir le prototype en Mode présentation.
Cliquez sur le bouton Share Prototype et configuez toutes les permissions de partage de lien.
Cliquez sur Copy link pour copier l'URL dans votre presse-papiers.

Cadre

Pour copier un lien vers un cadre :

Effectuez un clic droit sur le cadre dans le canevas ou dans le Panneau des calques.
Accédez à Copy/Paste as > Copy link.

Une fois copié, vous pouvez créer un calque de texte et l'utiliser en tant que lien vers une page, un fichier, un cadre ou un prototype.

Astuce : si vous utilisez Figma dans votre navigateur, vous pouvez copier un lien vers l'objet sélectionné à partir de la barre d'adresse du navigateur.

Interagir avec des liens

Prévisualiser ou suivre un lien

Pour prévisualiser un lien URL, survolez le texte du lien.

Pour suivre un lien, cliquez sur le texte du lien. Ce qui s'en suivra dépendra du type de lien :

Fichiers Figma design ou FigJam : redirige vers d'autres fichiers, prototypes, cadres ou pages Figma, qui s'ouvrent dans un nouvel onglet.
Page ou cadre dans le fichier actuel : Figma vous emmène vers la page ou le cadre dans le fichier actuel.
Site Web externe : tous les liens externes s'ouvrent dans un nouvel onglet de votre navigateur. Si c'est la première fois que vous ouvrez un lien, vous devrez confirmer que vous quittez Figma.

Pour empêcher qu'un lien s'ouvre lorsque vous cliquez dessus, maintenez la touche ⌘ Commande ou Ctrl enfoncée en même temps.

Remarque : si vous êtes en mode Édition de texte, vous devrez survoler le texte du lien et cliquer sur l'URL à partir de la fenêtre modale du lien.

Modifier ou supprimer un lien

Double-cliquez sur le texte du lien pour entrer dans le mode Édition de texte.
Cliquez sur le texte du lien ou survolez-le pour ouvrir la fenêtre modale du lien.
Cliquez sur Edit.
Mettez à jour l'URL ou supprimez-la pour supprimer le lien.

Remarque : si vous double-cliquez sur le texte d'un lien et que le bouton Edit n'est pas disponible, cela signifie que le calque est verrouillé. Découvrez comment verrouiller et déverrouiller des calques →

Mettre en forme des liens

Vous pouvez mettre en forme le texte des liens de la même façon que tout autre calque de texte, qu'il s'agisse d'appliquer des styles de texte ou d'ajuster les propriétés d'un texte, tels que le soulignage, la police ou la couleur.

Les liens sont soulignés par défaut. Utilisez le raccourci clavier suivant pour supprimer le soulignage :

Mac : Commande U
Windows : Ctrl U

En savoir plus sur l'édition et la mise en forme de texte dans Figma.