I Nav bruker vi Figma når vi skisserer og designer produkter. Vi har satt opp biblioteker med komponenter og stiler som gjør det enkelt å komme i gang.

Bibliotekene

Aksel har samlet alle bibliotekene du kan bruke i mappen UI Kits. Alle i Nav har lesetilgang til disse filene. Det betyr at du ikke kan redigere direkte, men du kan klikke deg rundt og legge igjen kommentarer. Det liker vi 😁

De viktigste og mest brukte bibliotekene er

Vi utforsker nye ting i Alpha-komponenter. Disse komponentene er eksperimentelle og finnes ikke i kode.

Bruke bibliotekene

For å få tilgang til stiler og komponenter må du sjekke om bibliotekene er skrudd på i Figma-fila du jobber med. Det gjør du fra venstrepanelet, under taben Assets og knappen Libraries. Da får du opp en modal hvor du kan aktivere forskjellige bibliotek.

Når du har slått på biblioteket kan du bruke stilene og komponentene fra det. Komponentene finner du i verktøylinjen når du klikker på Actions (eller bruker tastatursnarveien SHIFT + I).

Stilene fra biblioteket kan du bruke i høyrepanelet ditt når du har valgt et element. Stilene som er tilgjengelig i Figma er tekststiler, farger og skygger.

Så enkelt er det!

Plugins

Det er ingen føringer for plugins i Figma per dags dato, men vær oppmerksom på at plugins som lagrer innhold utenfor EU kan være problematiske. Så, bruk hue.

Figma support og oppdatering

Vi har noen Slack-kanaler du kan bokmerke:

Føringer for design

Aksel samler/dokumenterer komponenter og mønster som blir brukt i Nav. Vi anbefaler at du setter deg inn i Aksel så du har det samme utgangspunktet som andre designere i Nav. Det er flere grupper som aktivt hjelper hverandre med design innenfor ulike områder. Bli med i Slack-kanalene og delta på samlinger.

Slack-kanaler: