Avant de commencer
Qui peut utiliser cette fonctionnalité
Disponible pour tous les forfaits
Toute personne disposant d'un accès de type peut éditer peut créer et modifier des réseaux vectoriels
Les réseaux vectoriels sont des calques de formes composés de tracés vectoriels. Ces tracé indiquent à Figma comment rendre cette forme sur le plan de travail, y compris où appliquer les propriétés de contours et de remplissage du calque.
De nombreux outils vectoriels ne permettent de dessiner des chemins vectoriels que dans une seule direction, souvent en terminant au point de départ initial. Les réseaux vectoriels sont uniques car ils n'exigent pas de direction particulière. Ils peuvent avoir plusieurs tracés qui se ramifient dans différentes directions, sans avoir à créer et combiner des tracés distincts.
Utilisez des réseaux vectoriels pour créer vos propres formes uniques, des icônes détaillées et même des illustrations complexes. L’outil stylo vous permet de créer avec précision vos propres réseaux vectoriels à partir de zéro. Vous pouvez aussi utiliser le mode d'édition vectorielle pour modifier n'importe quel calque vectoriel, y compris les formes basiques et les tracés vectoriels dessinés avec les outils Pinceau ou Crayon, pour créer un réseau vectoriel. En savoir plus sur le mode d'édition vectorielle.
Remarque : cette vidéo utilise l'ancienne interface de Figma. Pour des exemples de la nouvelle interface, consultez le contenu de cet article.
Créer des réseaux vectoriels à l’aide de l’outil Stylo
L'outil Stylo vous permet de créer des réseaux vectoriels avec une grande précision en plaçant des points exactement où vous le souhaitez sur le plan de travail.
Pour utiliser l'outil Stylo :
- Sélectionnez l’outil Pen (Stylo) dans la barre d’outils ou appuyez sur P.
- Positionnez l'outil Stylo à l'endroit où vous souhaitez que le réseau vectoriel commence et cliquez pour ajouter le premier point.
- Continuez à repositionner l’outil stylo et à cliquer pour ajouter des points et tracés supplémentaires. Pour ajouter des courbes au tracé, cliquez et faites glisser votre curseur pour déterminer la longueur et l'inclinaison de la courbe. Vous pouvez également utiliser l'outil Bend (Courber) pour créer des tracé courbes avec des poignées de Bézier.
- Pour terminer le tracé, effectuez l’une des opérations suivantes :
- Pour fermer le chemin, placez l'outil Stylo sur un autre point du réseau vectoriel. Un petit cercle apparaît à côté du curseur, indiquant que le tracé sera fermé à cet endroit. Cliquez pour fermer le tracé.
- Pour laisser le tracé ouvert, appuyez sur Escape (Échap) pour désélectionner le réseau vectoriel.
Une fois créé, vous pouvez utiliser le mode Édition vectorielle pour continuer à affiner et à modifier le réseau vectoriel. En savoir plus sur le mode d'édition vectorielle.
Ajouter des capuchons aux points de terminaison
Vous pouvez ajouter un style à l'extrémité de n'importe quel tracé ouvert. Figma affiche la propriété de terminaison différemment selon le type de chemin vectoriel que vous avez sélectionné.
Chemins vectoriels avec deux points de terminaison
Figma affichera les propriétés des de terminaison dans la barre latérale droite si un chemin vectoriel avec seulement deux points de terminaison est sélectionné. Vous pouvez configurer chaque capuchon séparément.
Chemins vectoriels avec plus de deux points de terminaison
Figma affichera les propriétés des capuchons dans le menu avancé de tracés si un chemin vectoriel avec plus de deux points de terminaison est sélectionné.
Vous ne pouvez pas modifier les capuchons de manière indépendante lorsque l'ensemble du chemin vectoriel est sélectionné. Pour modifier les points de terminaison de manière indépendante, sélectionnez un seul point vectoriel en mode édition vectorielle et ajustez le type de capuchon.
Vous pouvez choisir parmi six types de capuchons différents :
- Aucun : n'ajoute pas de capuchon à la fin du tracé. Les points de terminaison du tracé sont carrés, sans ajouter de longueur au tracé.
- Flèche Ligne : ajoute deux lignes à 45 degrés de chaque côté du ou des point(s) de terminaison. L'épaisseur du tracé sera identique à celle du chemin. Vous ne pouvez pas changer la longueur des lignes des têtes de flèche.
- Flèche Triangle : ajoutez une tête de flèche triangulaire aux deux extrémités. Vous devrez passer en mode d'édition vectorielle pour appliquer une flèche à une seule extrémité du chemin.
- Triangle inversé : version inversée ou retournée de la flèche du triangle, avec la flèche pointant vers l'intérieur du tracé.
- Flèche Cercle : une extrémité de cercle pleine.
- Flèche en losange : une pointe losange solide.
- Arrondi (par défaut) : ajoute un capuchon à la moitié de l'épaisseur du tracé, ainsi qu'un arrondi du point final du tracé à 50 % de la largeur.
- Carré : ajoute un capuchon de la moitié de l'épaisseur du tracé, tout en créant une extrémité carrée au tracé.