Figma Learn
Lancez-vous
enterto select ↑↓to navigate escto close

Figma Design

Design and prototype in one place

Dev Mode

Translate designs into code

FigJam

Collaborate with a digital whiteboard

Figma Slides

Co-create presentations

Figma Draw

New

Illustrate with advanced vector tools

Figma Buzz

Beta

Produce on-brand assets at scale

Figma Sites

Beta

Publish fully responsive websites

Figma Make

Beta

Prompt to code anything you can imagine

AI

Explore all Figma AI features

Work across Figma

Learn how Figma tools work together

Developer docs

Work with APIs, embeds, and more

Pour tout le monde

Compte
  • Gérer les paramètres
  • Modifier les préférences
Fichiers et projets
  • Utiliser le navigateur de fichiers
  • Gérer les fichiers et projets
  • Partage et autorisations

Pour l'administration

Facturation
  • Présentation
  • Gérer les places
  • Gérer votre forfait
  • Forfaits Figma payants
Équipes
  • Gérer une équipe
Organisations
  • Présentation
  • Connexion et authentification
  • Déployer Figma
  • Membres et invités
  • Équipes
  • Bibliothèques et ressources
Entreprise
  • Groupes de facturation
  • Espaces de travail
  • Fonctionnalités de sécurité

En savoir plus

Cours

Nouveau

Améliorez vos compétences sur Figma avec ces cours complets

Projets

Prenez de l'expérience dans Figma avec ces projets pratiques au format court.

Didacticiels

Explorez les outils et les fonctionnalités en regardant et en suivant ces didacticiels vidéo animés par des experts.

Trouver des solutions

Dépanner

Obtenez de l'aide pour résoudre les problèmes courants et les comportements inattendus.

Collaborer avec l'assistance

Soumettez un rapport de bugs, obtenez de l'aide en collectant les fichiers journaux et localisez vos informations système.

Questions fréquentes

Obtenez des réponses aux questions fréquemment posées.

Forum de la Communauté Figma

Posez des questions à la communauté, partagez des idées et interagissez avec d'autres utilisateurs de Figma.

Lancez-vous
Produits Figma Design Dev Mode FigJam Figma Slides

Figma Draw

New

Figma Sites

Beta

Figma Make

Beta

Figma Buzz

Beta
Fonctionnalités AI Work across Figma Developer docs
Pour tout le monde Compte Fichiers et projets
Pour l'administration Facturation Équipes Organisations Entreprise
En savoir plus Cours Projets Didacticiels
Trouver des solutions Dépanner Collaborer avec l'assistance Questions fréquentes Forum de la Communauté Figma
  1. Figma Learn - Centre d'aide
  2. Design Figma
  3. Créer des designs
  4. Typographie

Ajouter des liens au texte

Avant de commencer

Qui peut utiliser cette fonctionnalité

Disponible pour tous les forfaits

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

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

Click_Create_link_icon.png

À l'aide du raccourci clavier

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

Paste_URL.png

À l'aide de la fonction Paste in place

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

  1. Effectuez votre sélection.
  2. 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 :

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

Copy_link.png

Prototype

Pour copier un lien vers un prototype :

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

Page

Pour copier un lien vers une page :

  1. Ouvrez le Panneau des calques et développez la liste de la page.
  2. Effectuez un clic droit sur le nom de la page et sélectionnez Copy link to page.

Copy_page.png

Cadre

Pour copier un lien vers un cadre :

  1. Effectuez un clic droit sur le cadre dans le canevas ou dans le Panneau des calques.
  2. 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

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

Edit_link_to_update_or_delete__2_.png

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.

Cet article vous a-t-il été utile ?

Your feedback helps us improve Figma’s Help Center. To get help from support, submit a request through our contact form.

Your feedback helps us improve Figma’s Help Center. To get help from support, submit a request through our contact form.

Thank you for helping us improve Figma’s Help Center!

Cas d'utilisation
  • Design UI
  • Design UX
  • Prototypage
  • Design graphique
  • Maquettage conceptuel
  • Réflexion
  • Modèles
  • Design à distance
Explorer
  • Fonctionnalités de design
  • Fonctionnalités de prototypage
  • Fonctionnalités des systèmes de design
  • Fonctionnalités de collaboration
  • FigJam
  • Tarification
  • Entreprise
  • Étudiants et enseignants
  • Clients
  • Sécurité
  • Intégrations
  • Contact
Ressources
  • Blog
  • Meilleures pratiques
  • Soutien
  • Développeurs
  • Apprendre le design
  • Téléchargements
  • Nouveautés
  • Sorties
  • Recrutement
  • À propos
  • Agences partenaires
  • Confidentialité
  • Statut
Comparaison
  • Sketch
  • Adobe XD
  • Invision Studio
  • Framer
  • Design sous Windows
  • Miro