Introduction à Figma
Projet Figma
Les outils de Figma
Les styles et variables dans Figma
Importation de ressources externes
Responsive Design
Les Composants
Les Plugins
Le mode prototype
Détails de la leçon
Description de la leçon
L'Auto Layout est une fonctionnalité clé de Figma qui permet de concevoir des interfaces réactives et fluides. Utilisable sur des frames ou des composants, elle ajuste automatiquement les blocs en fonction de leur contenu, facilitant ainsi la conception responsive. Dans cette leçon, nous vous montrerons comment mettre en place un Auto Layout, en détaillant les propriétés de base comme les paddings horizontaux et verticaux, et la manière dont ils s’appliquent dynamiquement à vos designs. Nous explorerons également comment modifier ces réglages pour adapter vos structures en temps réel en fonction du contenu. En avançant, vous découvrirez des options avancées pour l’espacement entre les éléments et la propagation des objets dans un bloc Auto Layout. Cette leçon est essentielle pour tout designer cherchant à optimiser ses workflows et créer des designs flexibles.
Objectifs de cette leçon
Les objectifs de cette vidéo sont d'apprendre à mettre en place un Auto Layout, de comprendre ses propriétés de base et avancées, et de savoir adapter les designs de manière dynamique en fonction du contenu.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est conseillé d'avoir une connaissance de base en conception UI et en utilisation de Figma.
Métiers concernés
Les métiers liés à ce sujet incluent designer UX/UI, développeur frontend, et chef de projet digital.
Alternatives et ressources
En dehors de Figma, des alternatives pour la conception d’interfaces adaptatives incluent Sketch avec des plugins, Adobe XD, et des outils tels que InVision.
Questions & Réponses
Je m'abonne