Om Designsystemet
Designsystemet inneholder grunnleggende UI-komponenter, retningslinjer og mønstre som er verdifulle å dele på tvers.
Grunnleggende
Lær mer om Designsystemet, de grunnleggende designelementene, og hvordan du kommer i gang som designer eller utvikler.
Introduksjon
Designsystemet inneholder grunnleggende designelementer, mønstre, god praksis og kodede komponenter som gir verdi å dele på tvers av offentlig sektor.
Tilgjengelighet
Designsystemet skal være tilgjengelig for alle, uansett varige eller midlertidig reduserte evner.
Designprinsipper
Vi må sammen definere hva som er en god brukeropplevelse og hvordan vi best kan skape denne.
Slack
Diskusjoner, status og sparring
Verdier
Verdier designsystemet bygges på.
Designelementer
Stilene i designsystemet er grunnleggende designelementer som brukes i komponentene. De finnes i flere sett for ulike identiteter og ulike behov og situasjoner. For eksempel har vi et eget sett for kompakt visning, som kan være hensiktsmessig å bruke i verktøy eller admingrensesnitt.
Farger
Fargesystemet består av globale farger og et semantisk nivå som beskriver hva fargen skal brukes til.
Design Tokens
Design tokens er gjenbrukbare verdier som fungerer som et bindeleddet mellom alle flater.
Skygger
Hvordan skygger brukes i Designsystemet
Størrelser og avstander
Størrelser og avstander i Designsystemet
Typografi
For å presentere innholdet korrekt bruker vi stiler og komponenter for typografi.
For designere
Ressurser og veiledning relevant for designere
Fargesystem
Her får du hjelp til å sette opp et fargesystem
Bidra med design
Vi setter pris på at du hjelper oss å forbedre komponenter og design i Figma.
Kom i gang
Hvordan bruke Designsystemet i Figma og hvordan du kan aktivere bibliotekene.
Hent oppdateringer
Hva gjør du når det har kommet en ny versjon av Figma community-filen?
Modes i Figma
Lær hvordan du kan endre størrelser, farger og typografi med modes i Figma
Eget tema
Lær hvordan du kan bruke designsystemet med dine egne profilfarger og preferanser.
For utviklere
Ressurser og veiledning relevant for utviklere
Fargar
Informasjon om korleis du bruker fargar på frontend.
Komposisjon
Informasjon og bruk av asChild til å løyse komposisjon.
Kom i gang
All informasjonen du trenger for å komme i gang som utvikler.
Størrelsar
Informasjon om korleis du bruker størrelsar på frontend.