Layout Grids, Rows, and Columns in Figma: Structuring Your Designs

Legg til et rutenett

Velg en ramme og klikk på plussikonet i Layout Grid-delen av designpanelet for å legge til et rutenett. Som standard er rutenettet satt til et 10-piksel ensartet rutenett.

Tilpass rutenettinnstillinger

• Rutenettype: velg mellom kolonner, rader eller rutenett;
• Antall: juster antall kolonner eller rader;
• Utseende: endre farge og opasitet;
• Typeinnstillinger: sett kolonner til å strekke seg eller fest til venstre, midten eller høyre;
• Marg og mellomrom: definer avstand mellom rammekanter (marger) og kolonner/rader (mellomrom).

Avanserte alternativer

• Legg til flere rutenett i én ramme ved å klikke på plussikonet igjen.
• Endre eller slett rutenett ved å bruke innstillingspanelet eller minusikonet.
• Bruk forhåndsinnstilte rutenettstiler via firepunktsikonet eller importer rutenett fra team-biblioteket.

Bruk av linjaler og hjelpelinjer i Figma

Aktiver linjaler

Linjaler kan nås via Vis > Linjaler eller ved å bruke snarveien Shift + R. De vises øverst og til venstre for rammen, med enheter målt i piksler.

Legg til hjelpelinjer

For å lage hjelpelinjer, dra fra linjalen og plasser dem for justering. Hjelpelinjer kan fjernes ved å dra dem tilbake til linjalen.

Beste praksis

Kombiner rutenett og hjelpelinjer for presisjon og for å opprettholde organiserte oppsett. Rette linjer forbedrer designens klarhet og gir en bedre brukeropplevelse.