Introduction à Figma
Premiers pas avec Figma
Les frames
Les vecteurs et images
Texte et typographie
Couleurs et effets
Gestion des calques
Styles globaux
L’auto-layout
Les composants et les variables
Prototypage et interactions
Collaboration et exportation
Détails de la leçon
Description de la leçon
Dans cette leçon, nous vous guidons à travers les fonctionnalités avancées de l'autolayout dans Figma. Vous apprendrez à créer des boutons adaptatifs avec des marges intérieures spécifiques, appelées paddings. Nous aborderons également la manière de concevoir des cartes à partir de plusieurs éléments, en utilisant de manière efficace les options de direction et d'espacement entre les composants.
Explorez comment harmoniser le design de votre galerie d'images en ajustant l'alignement et l'espacement. Nous introduirons la fonctionnalité de direction avec des exemples pratiques, notamment en configurant des barres de navigation et des layouts contenant plusieurs cartes.
Enfin, la leçon s'attardera sur l'option WRAP (retour à la ligne), permettant une mise en page plus flexible. Comprenez son application dans la gestion des espaces réduits pour des galeries ou des séries d'images, garantissant une adaptabilité et une esthétique cohérentes.
Objectifs de cette leçon
Les objectifs de cette vidéo incluent la maîtrise de l'autolayout dans Figma, l'optimisation de la mise en page grâce aux options de direction et d'espacement, et l'apprentissage de la gestion des galeries d'images adaptatives.
Prérequis pour cette leçon
Avoir une connaissance de base de Figma et des concepts fondamentaux du design graphique est recommandé pour suivre cette leçon.
Métiers concernés
Les compétences abordées dans cette vidéo sont particulièrement utiles pour les UI designers, les développeurs front-end et les chefs de projet en design.
Alternatives et ressources
Outre Figma, vous pouvez explorer des outils comme Adobe XD et Sketch qui offrent des fonctionnalités similaires pour le design adaptatif.
Questions & Réponses
Je m'abonne