Introduction à l'Auto Layout
Objectifs
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.
Résumé
Apprenez comment l’Auto Layout dans Figma peut transformer vos processus de conception grâce à des designs adaptatifs et dynamiques.
Description
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.
Questions - réponses
Programme détaillé
Module 1 - Introduction à Figma
Module 2 - Projet Figma
Module 3 - Les outils de Figma
Module 4 - Les styles et variables dans Figma
Module 5 - Importation de ressources externes
Module 6 - Responsive Design
Module 7 - Les Composants
Module 8 - Les Plugins
Module 9 - Le mode prototype
Module 10 - Prototype, partage et export
(Il n' y a plus qu'à...:-))
Bravo, il faut maintenant rajouter une autre pour monter le niveau dans la continuité de celle-ci