Créer des diagrammes et des flux avec des connecteurs et des lignes
- Toute personne disposant des autorisations éditeur peut créer et modifier des connecteurs.
- Cet article concerne les lignes dans FigJam, le nouvel outil de tableau blanc numérique de Figma. Les Lignes dans les fichiers de design sont des tracés vectoriels droits. Figma possède également des connexions de prototype.
Les lignes dans FigJam vous permettent de créer des tracés entre des formes et des notes, d'illustrer un ordre ou d'annoter quelque chose sur votre tableau. Chaque ligne peut être personnalisée avec sa propre couleur, son texte, ses derniers points et son épaisseur de contour.
Il existe deux types de formes de lignes :
- Les Connecteurs coudés peuvent s'entourer autour d'objets pour créer un tracé indirect vers d'autres objets du tableau.
- Les lignes droites créent un tracé direct vers d'autres objets du tableau.
Créer une ligne
Les lignes s'emboîtent sur les formes et les notes existantes. De cette façon, une forme apporte avec elle ses lignes, si elle est déplacée autour du tableau.
- Cliquez sur dans la barre d'outils.
- Sélectionnez une forme de Connecteur coudé ou Ligne droite. Vous pouvez également utiliser les raccourcis clavier X ou Maj ⇧ L pour créer un connecteur coudé et L pour une ligne droite.
- Cliquez sur le curseur et faites-le glisser entre les objets que vous souhaitez connecter.
Une fois cela créé, vous pouvez cliquer et faire glisser le point de départ ou d'arrivée d'une ligne vers un autre objet ou un autre côté du même objet.
Un connecteur est automatiquement ajouté lorsque vous ajoutez une forme au tableau en utilisant création rapide.
Déplacer des lignes
Des lignes peuvent être déplacées autour du tableau et connectées à d'autres objets. Leurs tracés peuvent être déplacés pour mieux illustrer un flux ou faire de l'espace pour d'autres objets du tableau.
Déplacer les points de départ et de fin
Lorsque les points de départ et de fin d'une ligne sont emboîtés sur le côté d'un objet, vous pouvez déplacer un point après l'autre vers un autre objet ou un autre côté du même objet.
- Cliquez n'importe où sur le tracé de la ligne.
- Cliquez et faites glisser le point bleu correspondant au point que vous souhaitez déplacer.
- Emboîtez-le sur le côté d'un autre objet.
Vous pouvez laisser le point de départ ou de fin d'une ligne non attaché aux objets du tableau pour terminer la connexion ultérieurement, ou simplement le laisser ainsi.
Déplacer la ligne entière
Pour déplacer une ligne entière, vous devez d'abord détacher les points de départ et de fin des objets auxquels ils peuvent être connectés. Une fois détachés :
- Sélectionnez la ligne dans le tableau.
- Faites-la glisser vers son nouvel emplacement.
- Connectez les points de départ et de fin aux objets selon vos besoins.
Personnaliser le tracé
Vous pouvez personnaliser le tracé d'un connecteur coudé à tout moment, ce qui vous permet de créer à volonté des tracés autour d'autres objets sur le tableau. Pour ce faire :
- Sélectionnez un connecteur coudé.
- Faites glisser la poignée du tracé de la portion à déplacer.
Pour les portions de départ et de fin d'un connecteur, le glissement peut ajouter une portion supplémentaire au tracé.
Personnaliser les lignes
Lorsque vous créez ou ouvrez un fichier pour la première fois, les styles de ligne sont définis en fonction de leurs propriétés par défaut. Par exemple, ils sont de couleur grise, n'ont pas de texte et représentent un tracé uni. Une fois une ligne ajoutée au tableau, vous pouvez utiliser sa barre d'outils pour modifier le texte, la couleur, le style de ligne et les points de fin.
FigJam mémorise les derniers styles utilisés pour une ligne lors de votre travail récent dans un fichier.
Couleur
Donnez une couleur différente au tracé de votre ligne pour illustrer des flux, des tracés ou des flux de travail distincts.
- Créez ou sélectionnez une ligne.
- Cliquez sur le sélecteur de couleurs.
- Sélectionnez une nouvelle couleur.
Pour en savoir plus sur l'utilisation des couleurs dans FigJam →
Style de ligne et contour
Vous pouvez choisir deux styles de lignes : continu et pointillé. Pour alterner entre les deux :
- Créez ou sélectionnez une ligne.
- Cliquez sur dans la barre d'outils de la ligne.
- Sélectionnez entre continu et pointillé.
Contour
Les lignes peuvent avoir deux épaisseurs de contour différentes : épaisse et fine. Pour modifier l'épaisseur du contour d'une ligne :
- Créez ou sélectionnez une ligne.
- Cliquez sur dans la barre d'outils de la ligne. Par défaut, l'épaisseur est définie sur fine.
- Cliquez sur l'épaisseur souhaitée pour votre ligne.
Texte
Des étiquettes de texte peuvent être ajoutés aux tracés des lignes.
Pour ajouter du texte à un tracé :
- Créez ou sélectionnez une ligne.
- Cliquez sur dans la barre d'outils de la ligne.
- Ajoutez du texte.
Utilisez Retour / Entrée pour ajouter une nouvelle ligne à l'étiquette de texte du connecteur.
Vous ne pouvez utiliser que du texte en gras ou barré sur une ligne.
Déplacer le texte
Faites glisser l'étiquette de texte n'importe où le long du tracé de la ligne pour que votre équipe puisse la voir plus facilement. Cela n'est possible que si la ligne est assez longue pour déplacer l'étiquette.
Afficher l'arrière-plan du texte
Lorsque vous ajoutez du texte à une ligne, vous pouvez activer ou désactiver son arrière-plan. Pour ce faire :
- Créez ou sélectionnez une ligne.
- Cliquez sur pour ajouter une étiquette, puis ajoutez votre texte. Par défaut, l'arrière-plan est désactivé.
- Cliquez sur le sélecteur de couleurs dans la barre d'outils.
- Cliquez sur l'icône pour afficher l'arrière-plan du texte.
La couleur d'arrière-plan du texte correspond à la couleur de la ligne. Il est impossible de donner à la ligne et au texte des couleurs différentes.
Pour en savoir plus sur le texte dans FigJam →
Style de point de départ et de fin
Concernant les lignes, il existe cinq styles de points afin de vous aider à définir la direction d'un tracé.
- Aucun signifie que le point n'aura aucun style, juste le début ou la fin d'une ligne.
- Les flèches Uni et Ligne donnent au point la forme d'un triangle uni ou doublé pointant vers l'extérieur de la ligne.
- Triangle donne au point un triangle uni pointant vers l'intérieur vers la ligne.
- Losange donne au point une forme de losange.
Lorsque vous créez une droite, la barre d'outils vous permet de définir le style du point de départ et du point de fin de la ligne, individuellement.
- Créez ou sélectionnez une ligne.
- Utilisez la barre d'outils de la ligne pour définir les styles selon vos besoins.
Sélectionnez plusieurs lignes à l'aide de Maj ⇧ Clic pour modifier leurs points de départ et de fin en lot.