Ajouter une grille

Sélectionner un cadre et cliquer 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 : choisir entre colonnes, lignes ou grille ;
• Nombre : ajuster le nombre de colonnes ou de lignes ;
• Apparence : modifier la couleur et l’opacité ;
• Paramètres de type : définir les colonnes en étirement ou les fixer à gauche, au centre ou à droite ;
• Marges et gouttières : définir l’espacement entre les bords du cadre (marges) et les colonnes/lignes (gouttières).

Options avancées

• Ajouter plusieurs grilles à un même cadre en cliquant à nouveau sur l’icône plus.
• Modifier ou supprimer des grilles à l’aide du panneau de paramètres ou de l’icône moins.
• Appliquer des styles de grille prédéfinis via l’icône à quatre points ou importer des grilles depuis la bibliothèque de l’équipe.

Utilisation des règles et repères dans Figma

Activer les règles

Les règles sont accessibles via Affichage > Règles ou avec le raccourci Maj + R. Elles apparaissent en haut et à gauche du cadre, avec des unités mesurées en pixels.

Ajouter des repères

Pour créer des repères, faire glisser depuis la règle et les positionner pour l’alignement. Les repères peuvent être supprimés en les faisant glisser vers la règle.

Bonnes pratiques

Combiner grilles et repères pour plus de précision et pour maintenir des mises en page organisées. Des alignements soignés améliorent la clarté du design et l’expérience utilisateur globale.