Figma Lag Panel Tips

Figma er raskt i ferd med å bli webindustriens design- og prototypingsverktøy, uten tvil enda mer enn Adobe XD og Sketch. Dette er den første i en serie av tretten innlegg, hver en liten samling av Figma tips og triks for å hjelpe deg med å lære noe spesifikt. Så la oss begynne med noen tips for å få fart på å jobbe med lagpanelet.

Se på tips

1. Laggrupper automatisk slette når tom

I mange designapplikasjoner, ved å slette underlag (eller barnelag) vil hovedforlagslaget fortsatt forbli intakt. I Figma, men ved å velge og slette alle barnelagene, blir foreldre også slettet, noe som bidrar til å holde ting rent og pent.

Velge og slette barnelag

2. Lås opp eller fjern alle objekter

Du kan låse opp eller utheve alle objekter på en gang ved å skrive CMD + / eller CTRL + / (avhengig av plattformen din). Skriv inn (for eksempel) "låse opp" i boksen som dukker opp og velg hvilken kommando du vil utføre.

Lås opp objekter

3. Super-Fast Layer Renaming

Når du omdøper lag du kan treffe TAB å hoppe raskt til neste. treffer SHIFT + TAB vil ta deg tilbake på listen, gi nytt navn når du går.

Rask lager omdøping

4. Skjul og utvide flere lag

For å utvide flere lag samtidig, start ved å velge lagene du vil ha i lagpanelet til venstre. Holde nede CMD eller CTRL avhengig av plattformen din, og deretter treffer du en av de små utvidelsespilene du ser til venstre for lagnavnene. Dette vil åpne opp alt i alle de valgte lagene.

For å kollapse alt igjen, er det samme prosess i omvendt.

Utvide flere lag i Figma

5. Bytt sikt og lås raskt

For å raskt låse en hel gruppe lag i Figma, klikk bare på et lag "lås" -ikon og dra ned til du har låst alt du trenger (det samme gjelder i omvendt for å låse opp lagene). For å skjule eller avsløre lag kan samme tilnærming brukes, men ved å klikke og dra på et "øye" -ikon.

Lås raskt flere lag i Figma

Figma Learning Resources

Lær hvordan du bruker Figma som et proff med vår serie kurs:

  • Hat tips til Carmel DeAmicis og Valerie Veteto for deres vanlige fellesskap tips roundups-go og sjekke dem ut!
  • blog.figma.com
  • www.figma.com

UI-settet som brukes i denne opplæringen er fullt kompatibelt med Figma og tilgjengelig fra Envato Elements:

Finans Mobile App Template UI Kit