L’outil frame permet de créer des frames (des plans de travail) au sein de votre espace. Vous pouvez utiliser les frames de différentes façons :
C’est l’outil de dessin pour créer des formes personnalisées. En l’occurrence :
Un outil simple mais efficace, il vous permet de créer rapidement des formes géométriques des plus standards existants sur le marché.
Comme son nom l’indique, un outil pour créer des zones de texte. Deux possibilités d’utilisation, qui sont interchangeables à tout moment :
Comme tout bon logiciel de design, Figma repose sur une hiérarchie des calques, le calque le plus en haut de la pile étant naturellement le plus visible. Il conviendra alors de penser à cela lors de la création de sections ou de composants web. Imaginons le texte devant être inclus dans un bouton, s’il était positionné en dessous dans la pile, il ne serait alors plus visible.
Ce sont des éléments qui permettent de regrouper plusieurs calques ou objets ensemble. Les groupes peuvent être créés en sélectionnant plusieurs calques, puis en utilisant la commande de regroupement. Ensuite, vous pouvez facilement déplacer, redimensionner ou modifier les propriétés du groupe dans votre conception.
Le système de composants de Figma permet aux utilisateurs de créer, organiser et partager des éléments réutilisables dans leurs designs. En quelques clics, les composants peuvent être créés, édités en temps réel et partagés avec l'équipe pour une collaboration efficace, assurant ainsi la cohérence et la facilité de maintenance des designs. Il suffit alors de modifier le composant parent pour que toutes les instances utilisées soient mises à jour.
Figma propose des fonctionnalités d'export personnalisé qui permettent aux utilisateurs de définir des paramètres spécifiques lors de l'exportation de leurs designs. Ces fonctionnalités permettent aux utilisateurs de choisir les formats de fichiers, les tailles d'export, les résolutions et autres options selon les besoins du projet. Cela garantit une sortie de fichiers optimisée pour différents cas d'utilisation, favorisant le partage et l'intégration dans d'autres outils de développement.
Figma propose Auto Layout, une fonctionnalité qui automatise le positionnement et le redimensionnement des éléments dans les designs d'interface utilisateur. Cela permet une mise en page réactive et adaptable, simplifiant ainsi le processus de conception pour les designers.
Figma offre une fonctionnalité de variantes qui permet aux utilisateurs de créer plusieurs versions d'un même composant, par exemple différentes couleurs ou états. Les variantes simplifient la gestion des éléments répétitifs dans les designs, offrant une flexibilité accrue tout en maintenant la cohérence visuelle.
Cette formation est proposée par Deladev, studio web de Loïc D. — création de sites et d'applications, accompagnement et formation sur mesure.
Les projets réalisés · Prestations et tarifs · Le blog tech · Me contacter
Écrite par Loïc D. avec l'assistance de Claude (Anthropic) — un travail à deux.
© 2026 Deladev — publiée sous licence CC BY-NC-ND 4.0. Vous pouvez la lire, y renvoyer par un lien, la partager et la citer en créditant la source. La revendre, l'utiliser dans une prestation ou une formation payante, la republier même partiellement ailleurs, en diffuser une version modifiée ou l'exploiter pour entraîner un modèle d'IA nécessitent une autorisation écrite — pour un usage interne en entreprise, c'est souvent oui, il suffit de demander.