Designsystemet har i lengre tid vært i beta - både kodekomponenter og Figma-komponenter. Betaperioden har gitt oss fleksibilitet og mulighet til å eksperimentere og teste nye ting. Samtidig har det vært litt uforutsigbart for dere som har valgt å bruke de nyeste løsningene.

Før sommeren satte vi inn støtet for å ta oss over målstreken og publisere en første versjon uten betamerke.

Hva er nytt?

Vi har forsøkt å endre så lite som mulig, men noen endringer har det blitt. Nøkkelordene for oss har vært rydding, forbedring og stabilitet.

Nytt i Figma

Du har sikkert opplevd at oppdateringsknappen har dukket opp i nedre høyre hjørne i Figma. Nå vil du forhåpentligvis ikke se den like ofte. Vi har ryddet opp i eget rot, og fjernet en rekke unødvendige koblinger til utdaterte farge- og typografistiler.

Figma har fått ny funksjonalitet som har gjort det enklere å lage og vedlikeholde komponenter. Component Properties (figma.com) er den største og viktigste nye funksjonaliteten i Figma. Vi har bygget en rekke komponenter på nytt og bruker denne nye funksjonaliteten der det er mulig. Tilbakemeldinger fra dere har vært veldig viktig underveis.

Vi har innført nye rutiner for oppdatering av komponenter i Figma. Nå lager vi en kopi av komponenten som vi gjør endringer på. Det gjør vi for å redusere risikoen for at oppdateringer ødelegger skissene deres.

Les mer om detaljene for versjonering av Figma i denne guiden.

Komponentbiblioteket er nå delt i tre og filene har fått nye navn.

• Core UI kit
• Interne flater UI kit
• nav.no UI kit

Core UI kit er det samme som før, med komponenter som kan brukes ganske fleksibelt. Nav.no UI kit og Interne flater UI kit inneholder mer spesielle komponenter som er tilpasset domenet.

Vi utdyper dette i guiden om å komme i gang som designer i NAV.

Nytt i kode

Alle pakkene vil fremover ha samme versjon. Om ds-react er versjon 1.2.0, så vil ds-css, ds-icons og alle andre pakker også ha samme versjon. Dette gir bedre oversikt over endringer og det blir mindre smertefult å holde alt oppdatert.

I fremtiden kommer vi til å følge semver strengere med major/minor/patch for nye endringer, men fortsatt ha høy endringstakt.

Breaking changes vil fortsatt oppstå noen ganger, men vi håper de fleste kan løses automatisk med hjelp av codemods i @navikt/ds-codemod pakken. Om ikke dette er mulig vil fortsatt alle endringer finnes i endringsloggen.

Om du allerede har tatt i bruk de nye kodepakkene våre, så er det skrevet en egen migreringsguide fra beta til v1. Det medfølger en del breaking changes, men er forhåpentligvis en relativt rask prosess å oppdatere. Om det er noe som ikke stemmer helt, er det bare å sende oss en melding på Slack så hjelper vi til og fikser problemene!

Hva med det gamle?

Vi skal selvfølgelig ikke slette nyttige og relevante «gamle» komponenter, men det tar tid å oppdatere det som er aktuelt å ta med videre. Dette arbeidet fortsetter vi med sammen med dere. Arbeidet med å bygge ut og vedlikeholde designsystemet er en kontinuerlig jobb.

For å redusere vedlikeholdsjobben så mye som mulig, ønsker vi å arkivere en del av det som er gammelt og utdatert. Dette trenger vi hjelp til å finne ut av.

Tusen takk for tilbakemeldingene vi har fått så langt! Dere er superviktige for å gjøre designsystemet bedre.