I NAV bruker vi Figma når vi skisser og designer produkter. Vi har satt opp bibliotek 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 biblioteket Alpha UI kit. 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 vestrepanelet ditt. Under taben Assets og knappen Libraries. Da får dopp en modal hvor du kan aktivere forskjellige bibliotek.
![Slå på bibliotek i Figma](https://cdn.sanity.io/images/hnbe3yhs/production/04b67cf503a1f12399ddbe50b1099421587ed893-1600x500.png?auto=format)
Når du har slått på biblioteket du kan du bruke stilene og komponentene fra det. Komponentene finner du i toppmenyen når du klikker på Resources (eller bruker tastatursnarveien SHIFT + I).
![Legge til komponenter i skissen din](https://cdn.sanity.io/images/hnbe3yhs/production/7d5938e0e6e6308d7afd98648eecdae9dc7e5e3a-1600x500.png?auto=format)
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.
![Legg til styling på elementer fra høyrepanelet](https://cdn.sanity.io/images/hnbe3yhs/production/269bfdb7fcf87f1f3974e5cdab537ec999fc2231-1600x500.png?auto=format)
Så enkelt er det!
Plugins
Det er ingen føring for plugins i Figma per dags dato. Vi antar likevel at plugins som lagrer innhold utenfor EU ikke er OK. Så, bruk hue.
Figma support og oppdatering
Vi har noen Slack-kanaler du kan bokmerke
Føringer for design
Et designpoliti finner du ikke her 😇. Aksel samler/dokumenterer komponenter og mønster som blir brukt i NAV. Men vi vet om flere grupper som aktivt hjelper hverandre med design innenfor ulike områder. Bli med i Slack-kanalene og delta på samlinger.
Slack-kanaler:
Utforske sammen
De gode løsningene kommer gjennom samarbeid. Vi har satt opp en mappe i Figma som heter Samarbeid hvor vi kan jobbe sammen på tvers av produktteam. Alle med NAV-bruker i Figma kan redigere disse filene. Det er ingen føringer til hvordan vi skal jobbe i dem. Se på dem som sandkasser hvor vi kan utforske og tenke høyt sammen.