| Nom de fichier: | Conception réactive dans Figma Deep Dive: mise en page automatique Figma, contraintes, points d’arrêt et modes (2024) |
| Source du contenu: | https://www.skillshare.com/en/classes/responsive-design-in-figma-deep-dive-figma-auto-layout-constraints-breakpoints-and-modes-2024/979711178 |
| Taille du fichier: | 304 Mo |
| Éditeur: | partage de compétences |
| Mis à jour et publié: | 21 septembre 2024 |
La mise en page automatique vous rend fou? Vous avez peur de ce qui va arriver à votre design dans le navigateur? Alors ce cours est fait pour vous! Nous apprendrons tout sur la façon de mettre en place des conceptions réactives dans Figma. Cela va être une véritable plongée en profondeur dans la mise en page automatique, les contraintes et, plus important encore mais rarement abordé, comment gérer les points d’arrêt pour la conception de votre interface utilisateur, allant d’une configuration simple à une approche plus avancée avec des variables et des modes. Comprendre et combiner ces outils vous aidera à configurer des composants, des modèles de conception et des pages entières qui correspondent aux paramètres du code. Avec le fichier de support de cours Figma, vous pouvez travailler à mes côtés ou revenir aux exercices avec des instructions détaillées à votre rythme. Ce cours est fait pour vous si vous avez des connaissances de base de Figma ou si vous êtes un utilisateur avancé de Figma et souhaitez perfectionner vos compétences.
Présentation approfondie de la mise en page automatique
- Qu’est-ce que la mise en page automatique?
- Configuration des cadres de mise en page automatique
- Le menu de mise en page automatique
- Le réglage automatique
- Menu de mise en page automatique avancé
- Redimensionner les paramètres
- Conseils de redimensionnement vertical
- Ignorer la mise en page automatique
- Composants et variables de mise en page automatique
- Définition des valeurs min et max
- Enveloppement automatique de la mise en page
- Images au format d’image fixe (hack)
- En savoir plus sur la nidification: la relation parent-enfant
- Suggérer une mise en page automatique
- Un peu de magie avec les tableaux: mise en page automatique et IA
- Configuration plus avancée (exemples)
- Pages de mise en page automatique
- Mise en page automatique et flexbox CSS
- Composants d’emplacement avec disposition automatique
