Outils de formes
Cet article est disponible à la fois pour l’ancienne interface utilisateur Figma et la nouvelle interface utilisateur Figma. Utilisez le bouton en bas à gauche de la page pour sélectionner votre interface utilisateur actuelle. Faites connaissance avec UI3 : la nouvelle conception de Figma →
Qui peut utiliser cette fonctionnalité
S’applique à tous les forfaits.
Toute personne disposant d’un accès can edit
(peut modifier) à un fichier de dessin ou modèle peut utiliser les outils de forme.
Les formes composent la majorité de vos calques dans n’importe quel design. Utilisez les outils de forme suivants comme éléments de base :
Vous pouvez accéder à ces outils à partir du menu Shape tools (Outils de forme) de la barre d’outils. Cliquez sur la flèche à côté de Rectangle pour ouvrir le menu.
Vous pouvez utiliser les raccourcis suivants lorsque vous travaillez avec des formes :
- Maintenez la touche Maj. enfoncée tout en faisant glisser pour créer des carrés, des cercles et des polygones parfaits.
- Maintenez la touche Option / Alt enfoncée pour créer et redimensionner les formes à partir de leur centre.
- Maintenez les touches Maj et Option / Alt enfoncées en même temps pour faire les deux actions.
Remarque : pour les designs nécessitant des formes uniques ou complexes, vous pouvez créer vos propres réseaux de vecteurs à l'aide de l'outil Pen. En savoir plus →
Rectangles
Utilisez l’outil Rectangle pour créer des rectangles et des carrés.
- Sélectionnez l’outil Rectangle dans la barre d’outils ou appuyez sur R.
- Cliquez sur un point dans le plan de travail et glissez pour créer le rectangle : Les dimensions du rectangle apparaissent sous le bord inférieur.
- Une poignée sera présente dans chaque coin de la forme, vous permettant de redimensionner la forme comme vous le souhaitez.
Créer le rayon de l’angle
En plus des poignées normales, les rectangles ont également quatre poignées circulaires à l’intérieur de chaque coin. Ces poignées permettent d’ajuster l’angle pour arrondir les coins du rectangle. En savoir plus →
Lignes
L'outil Line permet de créer des lignes dans n'importe quelle direction. Les lignes sont un moyen efficace de diviser le contenu d'un design ou de simuler des bordures CSS.
- Sélectionnez l'outil Line dans les outils de forme ou appuyez sur L.
- Cliquez sur un point du canevas et faites-le glisser dans n’importe quelle direction pour créer la ligne.
- Vous pouvez modifier son apparence dans la section Trait (Stroke) de la barre latérale droite. Cela inclut la couleur, la position, le poids, le style et les pointes ou capuchons du point final. En savoir plus →
Créer des lignes en pointillés
Vous pouvez spécifier à la fois la longueur du tiret et l’espace entre les tirets.
- Dessinez ou sélectionnez la ligne.
- Dans la section Stroke de la barre latérale droite, sélectionnez pour ouvrir le menu Advanced stroke settings .
- Saisissez la longueur souhaitée dans les champs Stroke (Tiret) et Space (Espace).
Flèches
L’outil Arrow (Flèche) permet de dessiner des flèches unilatérales et bilatérales. Vous pouvez personnaliser les pointes ou les capuchons des extrémités de la flèche.
- Sélectionnez l’outil Arrow (Flèche) dans le menu des outils de forme ou utilisez le raccourci ⇧ Maj L.
- Cliquez sur un point du canevas et faites-le glisser dans n’importe quelle direction pour créer la flèche.
Comme pour l’outil Ligne, vous pouvez modifier les propriétés de l’outil Stroke (Trait). En savoir plus →
Ellipses et cercles
Utilisez l’outil Ellipse pour dessiner des ovales et des cercles. Ils peuvent être utilisés tels quels ou manipulés pour créer des formes personnalisées avec des lignes courbes.
- Sélectionnez l’outil Ellipse dans le menu des outils de forme ou appuyez sur O.
- Sélectionnez un point dans le canevas et faites-le glisser dans n’importe quelle direction pour créer l’ellipse. Les dimensions de la forme sont affichées en bleu sous le calque.
- L’ellipse sera entourée d’un cadre bleu, avec une poignée dans chaque coin. Cela vous permet de redimensionner la forme.
Conseil : Utilisez l'outil ellipse pour créer d'autres formes, telles que des demi-cercles, des camemberts, des anneaux, des donuts et des anneaux semi-circulaires. En savoir plus →
Polygones
L’outil Polygone vous permet de tracer une forme fermée composée d’un nombre quelconque de lignes droites.
La forme par défaut de l’outil Polygone est un triangle, mais vous pouvez ajouter des points supplémentaires à l’objet pour créer vos propres polygones personnalisés.
- Sélectionnez l’outil Polygone dans le menu des formes.
- Cliquez dans le plan de travail et glisser pour créer le polygone. Les dimensions de la forme s'affichent en bleu sous l'objet.
- Le cadre bleu autour de la forme possède une poignée dans chaque coin. Cela vous permet de redimensionner la forme comme vous le souhaitez.
- Entrez dans le mode Edit object (Modifier un objet) en double-cliquant sur le calque du polygone. Cela vous permet d’ajouter des points supplémentaires au polygone et de manipuler chaque point individuellement :
- Vous pouvez également arrondir les coins d’un polygone. Passez le curseur sur la poignée dans le coin jusqu’à ce que le symbole Radius (Rayon) s’affiche. Cliquez sur la poignée et faites-la glisser vers le centre de l’objet pour arrondir les coins.
Polygones et boîtes englobantes
Vous avez peut-être remarqué que lorsque nous avons dessiné notre polygone, dans le cas présent un triangle, la boîte englobante bleue autour de la forme se trouve en dessous du bas de la forme.
Cela permet au cadre de délimitation de conserver une forme ou une taille cohérente lorsque des points supplémentaires sont ajoutés au polygone. Pour aligner le cadre de délimitation sur la véritable limite de la forme, vous pouvez aplatir la forme.
Cliquez avec le bouton droit de la souris sur la forme et choisissez Flatten (Aplatir), ou utilisez le raccourci clavier :
- Mac: Command E
- Windows : Ctrl + E
Étoiles
L’outil Star (Étoile) crée des polygones disposés en étoile. Lorsque vous créez un calque en étoile, la valeur par défaut sera une étoile à cinq branches avec dix côtés.
- Sélectionnez l’outil Star (Étoile) dans le menu des outils de forme.
- Cliquez dans le plan de travail et glisser dans n’importe quelle direction pour créer l’étoile.
- Vous disposez maintenant de trois poignées pour manipuler l’étoile :
- Count (Compte) : Nombre de points de l’étoile. Le minimum est de trois et le maximum de 60.
- Ratio : distance entre les points intérieurs de l'étoile et le centre. Elle est représentée en pourcentage du diamètre de l'étoile.
- Radius (Rayon) : Permet d’arrondir les pointes de l’étoile.
Qui peut utiliser cette fonctionnalité
S’applique à toutes les équipes ou tous les forfaits
Toute personne disposant d’un accès can edit
(peut modifier) à un fichier de dessin ou modèle peut utiliser les outils de forme.
Les formes composent la majorité de vos calques dans n’importe quel design. Utilisez les outils de forme suivants comme éléments de base :
Vous pouvez accéder à ces outils à partir du menu Shape tools (Outils de forme) de la barre d’outils. Cliquez sur la flèche à côté de Rectangle pour ouvrir le menu.
Vous pouvez utiliser les raccourcis suivants lorsque vous travaillez avec des formes :
- Maintenez la touche Maj. enfoncée tout en faisant glisser pour créer des carrés, des cercles et des polygones parfaits.
- Maintenez la touche Option / Alt enfoncée pour créer et redimensionner les formes à partir de leur centre.
- Maintenez les touches Maj et Option / Alt enfoncées en même temps pour faire les deux actions.
Remarque : pour les designs nécessitant des formes uniques ou complexes, vous pouvez créer vos propres réseaux de vecteurs à l'aide de l'outil Pen. En savoir plus →
Rectangles
Utilisez l’outil Rectangle pour créer des rectangles et des carrés.
- Sélectionnez l’outil Rectangle dans la barre d’outils ou appuyez sur R.
- Cliquez sur un point dans le plan de travail et glissez pour créer le rectangle : Les dimensions du rectangle apparaissent sous le bord inférieur.
- Une poignée sera présente dans chaque coin de la forme, vous permettant de redimensionner la forme comme vous le souhaitez.
Créer le rayon de l’angle
En plus des poignées normales, les rectangles ont également quatre poignées circulaires à l’intérieur de chaque coin. Ces poignées permettent d’ajuster l’angle pour arrondir les coins du rectangle. En savoir plus →
Lignes
L'outil Line permet de créer des lignes dans n'importe quelle direction. Les lignes sont un moyen efficace de diviser le contenu d'un design ou de simuler des bordures CSS.
- Sélectionnez l'outil Line dans les outils de forme ou appuyez sur L.
- Cliquez sur un point du canevas et faites-le glisser dans n’importe quelle direction pour créer la ligne.
- Vous pouvez modifier son apparence dans la section Trait (Stroke) de la barre latérale droite. Cela inclut la couleur, la position, le poids, le style et les pointes ou capuchons du point final. En savoir plus →
Créer des lignes en pointillés
Vous pouvez spécifier à la fois la longueur du tiret et l’espace entre les tirets.
- Dessinez ou sélectionnez la ligne.
- Dans la section Stroke de la barre latérale droite, sélectionnez pour ouvrir le menu Advanced stroke settings .
- Saisissez la longueur souhaitée dans les champs Stroke (Tiret) et Space (Espace).
Flèches
L’outil Arrow (Flèche) permet de dessiner des flèches unilatérales et bilatérales. Vous pouvez personnaliser les pointes ou les capuchons des extrémités de la flèche.
- Sélectionnez l’outil Arrow (Flèche) dans le menu des outils de forme ou utilisez le raccourci ⇧ Maj L.
- Cliquez sur un point du canevas et faites-le glisser dans n’importe quelle direction pour créer la flèche.
Comme pour l’outil Ligne, vous pouvez modifier les propriétés de l’outil Stroke (Trait). En savoir plus →
Ellipses et cercles
Utilisez l’outil Ellipse pour dessiner des ovales et des cercles. Ils peuvent être utilisés tels quels ou manipulés pour créer des formes personnalisées avec des lignes courbes.
- Sélectionnez l’outil Ellipse dans le menu des outils de forme ou appuyez sur O.
- Sélectionnez un point dans le canevas et faites-le glisser dans n’importe quelle direction pour créer l’ellipse. Les dimensions de la forme sont affichées en bleu sous le calque.
- L’ellipse sera entourée d’un cadre bleu, avec une poignée dans chaque coin. Cela vous permet de redimensionner la forme.
Conseil : Utilisez l'outil ellipse pour créer d'autres formes, telles que des demi-cercles, des camemberts, des anneaux, des donuts et des anneaux semi-circulaires. En savoir plus →
Polygones
L’outil Polygone vous permet de tracer une forme fermée composée d’un nombre quelconque de lignes droites.
La forme par défaut de l’outil Polygone est un triangle, mais vous pouvez ajouter des points supplémentaires à l’objet pour créer vos propres polygones personnalisés.
- Sélectionnez l’outil Polygone dans le menu des formes.
- Cliquez dans le plan de travail et glisser pour créer le polygone. Les dimensions de la forme s'affichent en bleu sous l'objet.
- Le cadre bleu autour de la forme possède une poignée dans chaque coin. Cela vous permet de redimensionner la forme comme vous le souhaitez.
- Entrez dans le mode Edit object (Modifier un objet) en double-cliquant sur le calque du polygone. Cela vous permet d’ajouter des points supplémentaires au polygone et de manipuler chaque point individuellement :
- Vous pouvez également arrondir les coins d’un polygone. Passez le curseur sur la poignée dans le coin jusqu’à ce que le symbole Radius (Rayon) s’affiche. Cliquez sur la poignée et faites-la glisser vers le centre de l’objet pour arrondir les coins.
Polygones et boîtes englobantes
Vous avez peut-être remarqué que lorsque nous avons dessiné notre polygone, dans le cas présent un triangle, la boîte englobante bleue autour de la forme se trouve en dessous du bas de la forme.
Cela permet au cadre de délimitation de conserver une forme ou une taille cohérente lorsque des points supplémentaires sont ajoutés au polygone. Pour aligner le cadre de délimitation sur la véritable limite de la forme, vous pouvez aplatir la forme.
Cliquez avec le bouton droit de la souris sur la forme et choisissez Flatten (Aplatir), ou utilisez le raccourci clavier :
- Mac: Command E
- Windows : Ctrl + E
Étoiles
L’outil Star (Étoile) crée des polygones disposés en étoile. Lorsque vous créez un calque en étoile, la valeur par défaut sera une étoile à cinq branches avec dix côtés.
- Sélectionnez l’outil Star (Étoile) dans le menu des outils de forme.
- Cliquez dans le plan de travail et glisser dans n’importe quelle direction pour créer l’étoile.
- Vous disposez maintenant de trois poignées pour manipuler l’étoile :
- Count (Compte) : Nombre de points de l’étoile. Le minimum est de trois et le maximum de 60.
- Ratio : distance entre les points intérieurs de l'étoile et le centre. Elle est représentée en pourcentage du diamètre de l'étoile.
- Radius (Rayon) : Permet d’arrondir les pointes de l’étoile.