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

Lägg till ett rutnät

Markera en ram och klicka på plustecknet i avsnittet Layout Grid i designpanelen för att lägga till ett rutnät. Som standard är rutnäten inställda på ett enhetligt rutnät med 10 pixlar.

Anpassa rutnätsinställningar

• Rutnätstyp: välj mellan kolumner, rader eller rutnät;
• Antal: justera antalet kolumner eller rader;
• Utseende: ändra färg och opacitet;
• Typinställningar: ställ in kolumner på att sträcka ut sig eller fixera till vänster, mitten eller höger;
• Marginaler och mellanrum: definiera avstånd mellan ramkanter (marginaler) och kolumner/rader (mellanrum).

Avancerade alternativ

• Lägg till flera rutnät i en och samma ram genom att klicka på plustecknet igen.
• Ändra eller ta bort rutnät via inställningspanelen eller minustecknet.
• Använd förinställda rutnätsstilar via fyrpunktsikonen eller importera rutnät från teamets bibliotek.

Använda linjaler och hjälplinjer i Figma

Aktivera linjaler

Linjaler kan nås via Visa > Linjaler eller med genvägen Shift + R. De visas på ramens övre och vänstra sida, med enheter i pixlar.

Lägg till hjälplinjer

För att skapa hjälplinjer, dra från linjalen och placera dem för justering. Hjälplinjer kan tas bort genom att dra dem tillbaka till linjalen.

Bästa praxis

Kombinera rutnät och hjälplinjer för precision och för att behålla organiserade layouter. Rena linjer förbättrar tydligheten i designen och förbättrar den övergripande användarupplevelsen.