Layoutraster, Rijen en Kolommen in Figma: Het Structureren van Je Ontwerpen

Raster toevoegen

Selecteer een frame en klik op het pluspictogram in het gedeelte Layout Grid van het ontwerppaneel om een raster toe te voegen. Standaard zijn rasters ingesteld op een uniform raster van 10 pixels.

Rasterinstellingen aanpassen

• Rastertype: kies uit kolommen, rijen of raster;
• Aantal: pas het aantal kolommen of rijen aan;
• Weergave: wijzig kleur en dekking;
• Type-instellingen: stel kolommen in op uitrekken of vastzetten aan links, midden of rechts;
• Marges en goten: definieer de ruimte tussen frame-randen (marges) en kolommen/rijen (goten).

Geavanceerde opties

• Voeg meerdere rasters toe aan één frame door opnieuw op het pluspictogram te klikken.
• Wijzig of verwijder rasters via het instellingenpaneel of het minpictogram.
• Pas vooraf ingestelde rasterstijlen toe via het vierstipspictogram of importeer rasters uit de team-bibliotheek.

Linialen en hulplijnen gebruiken in Figma

Linialen inschakelen

Linialen zijn toegankelijk via Weergave > Linialen of met de sneltoets Shift + R. Ze verschijnen aan de boven- en linkerkant van het frame, met eenheden in pixels.

Hulplijnen toevoegen

Om hulplijnen te maken, sleep vanuit de liniaal en positioneer ze voor uitlijning. Hulplijnen kunnen worden verwijderd door ze terug naar de liniaal te slepen.

Best practices

Combineer rasters en hulplijnen voor precisie en om georganiseerde lay-outs te behouden. Nette uitlijningen verbeteren de ontwerphelderheid en de algehele gebruikerservaring.