Grunnleggende
Kom i gang med Figma
I Nav bruker vi Figma til å designe digitale produkter. Det er et verktøy som gjør det enkelt for designere, utviklere og andre teammedlemmer å jobbe sammen.
Aksel-teamet forvalter bibliotekene i Figma, som inneholder komponenter, variabler og stiler i tråd med Navs digitale visuelle retningslinjer. Disse bibliotekene sikrer at løsningene våre er universelt utformet, konsistente og effektive å utvikle.
Ved å bruke Aksel kan teamene fokusere på det som betyr mest – å løse brukerbehov. For å gjøre det enkelt å komme i gang har vi laget en praktisk guide, Slik jobber vi i Figma.
Nyttige lenker og tips
Figma-biblioteker
De viktigste bibliotekene lagges automatisk til alle nye filer:
- 01 Aksel Tokens – Variabler og tekststiler
- 02 Aksel Components – Komponenter
- 03 Aksel Icons - Iconer
- 01 Aksel Templates - Maler
Vi utforsker også nye ting i Eksperimenter. Disse komponentene er eksperimentelle og finnes ikke i kode.
Versjonering i Figma
Når vi har oppdatert noe i Figma publiserer vi endringene til biblioteket. Da vises en blå prikk på bibliotek-ikonet i Figma. Du går selv inn her og oppdaterer når det passer deg.
Noen ganger er endringene det man kaller “breaking change”, som betyr at det kan nullstille dine tilpassinger om vi publiserer på vanlig måte. I de tilfellene lager vi en ny versjon av komponenten og endrer navn på den gamle til 🚨 OLD [Komponentnavn]. Da blir ikke dine filer ødelagt, og du ser tydelig på navnet at du jobber med eldre versjoner av komponentene.
Figma support og oppdatering
Du kan bokmerke følgende Slack-kanaler for støtte og oppdateringer:
- #support-figma - Brukes til teknisk support.
- #figma-tips - Brukes til Figma-nerding. Spør, les og/eller del tips.
- #aksel-figma - Endringer i bibliotekene varsles her.
Føringer for design
Vi anbefaler at du setter deg inn i Aksel for å sikre at du har samme utgangspunkt som andre designere i Nav. Det er flere grupper som aktivt hjelper hverandre med design på ulike områder, så bli med i Slack-kanalene og delta på samlinger.