Tout savoir sur les calques : à la découverte des types de calques

Vous pouvez créer différents types de calques dans Figma Design. Cet article couvre les calques les plus courants. Pour en savoir plus, découvrez les autres types de calques.

Frames

Les frames sont les principaux éléments de Figma. Vous pouvez les considérer comme des contenants dans lesquels placer d'autres objets. Elles vous permettent de disposer et d'organiser vos calques afin de créer des designs cohérents.

Les frames peuvent avoir des dimensions et des propriétés bien définies. Elles vous donnent également accès aux puissantes fonctionnalités de Figma, telles que les composants, la mise en page automatique et le prototypage.

Les préréglages de frames vous permettent de créer rapidement des frames aux dimensions les plus courantes. Cela inclut les écrans et les appareils, comme un iPhone ou une Apple Watch, ou les ressources visuelles, comme les publications et les bannières sur les réseaux sociaux.

Cette image présente une frame prédéfinie aux dimensions d'un iPhone 14 ou 15 Pro Max. Vous pouvez sélectionner des préréglages de frame dans la barre latérale droite, lorsque l'outil de frame est sélectionné.

Texte

La typographie est un élément clé de la majorité des designs d'interface. En effet, une typographie efficace permet de communiquer des informations, d'attirer l'attention, d'établir une hiérarchie et de susciter des émotions.

Utilisez l'outil Text T pour créer des calques de texte, puis saisissez votre texte. Utilisez la section Typography dans la barre latérale droite pour mettre en forme et styliser votre texte. Utilisez d'autres sections, par exemple Fill, pour modifier d'autres aspects de votre texte comme sa couleur.

Figma propose des centaines de polices Google gratuites pour vous aider à vous lancer, mais vous pouvez ajouter et utiliser vos propres polices.

Le texte de ce design de carte utilise Space Grotesk, une police Google gratuite accessibles à tout le monde dans Figma.

Formes

Les formes, comme les rectangles (R), les ellipses (O) et les polygones, peuvent ajouter un intérêt visuel et de la personnalité à vos designs.

Vous pouvez également combiner plusieurs formes pour créer des éléments tels que des icônes. L'outil Pen P peut également vous aider à créer des lignes droites et courbes ou des formes et illustrations personnalisées.

Ci-dessus, vous pouvez voir un octogone créé à l'aide de l'outil Polygon. Vous pouvez utiliser le champ Count dans la section Appearance pour ajuster le nombre de côtés d'un polygone.

Images

Vous avez besoin d'ajouter des photographies, des captures d'écran et d'autres ressources visuelles à vos designs ? Aucun problème. Figma Design vous permet également d'ajouter des images, des GIF et des vidéos.

Dans Figma Design, les images et les vidéos sont un type de remplissage et non un type de calque. Cela vous permet d'ajouter des images à n'importe quel calque prenant en charge les propriétés de remplissage et de tracé, y compris les frames, les formes et même le texte.

Effectuez un glisser-déposer ou un copier-coller des images dans vos fichiers. Figma ajoute les images comme remplissage d'un nouveau calque rectangulaire. Vous avez déjà créé une forme qui nécessite un remplissage d'image ? Ajoutez directement l'image à partir de la section Fill dans la barre latérale droite.