Grilles de Mise en Page Lignes et Colonnes

Ajouter une grille

Sélectionnez un cadre et cliquez sur l'icône plus dans la section Grille de mise en page du panneau de conception pour ajouter une grille. Par défaut, les grilles sont définies sur une grille uniforme de 10 pixels.

Personnaliser les paramètres de la grille

• Type de grille : choisissez parmi les colonnes, les lignes ou la grille ;
• Nombre : ajustez le nombre de colonnes ou de lignes ;
• Apparence : modifiez la couleur et l'opacité ;
• Paramètres de type : définissez les colonnes pour s'étirer ou se fixer à gauche, au centre ou à droite ;
• Marges et gouttières : définissez l'espacement entre les bords du cadre (marges) et les colonnes/lignes (gouttières).

Options avancées

• Ajoutez plusieurs grilles à un seul cadre en cliquant à nouveau sur l'icône plus.
• Modifiez ou supprimez les grilles à l'aide du panneau de paramètres ou de l'icône moins.
• Appliquez des styles de grille prédéfinis via l'icône à quatre points ou importez des grilles depuis la bibliothèque de l'équipe.

Utilisation des règles et des guides dans Figma

Activer les règles

Les règles peuvent être accessibles via Affichage > Règles ou en utilisant le raccourci Shift + R. Elles apparaissent sur les côtés supérieur et gauche du cadre, avec des unités mesurées en pixels.

Ajouter des guides

Pour créer des guides, faites glisser depuis la règle et positionnez-les pour l'alignement. Les guides peuvent être supprimés en les faisant glisser de retour vers la règle.

Bonnes pratiques

Combinez grilles et guides pour plus de précision et pour maintenir des mises en page organisées. Des alignements propres améliorent la clarté du design et améliorent l'expérience utilisateur globale.