Kom i gang

Lær mer om Designsystemet, de grunnleggende designelementene, og hvordan du kommer i gang som designer eller utvikler.

Start her

Dette bør du tenke på når du skal ta Designsystemet i bruk i organisasjonen og løsningene dine.

Slik setter du opp ditt tema i Designsystemet med Design Tokens for design og kode.

Kom i gang med CSS, layers, dataattributter og hjelpeklasser.

Kom i gang med React, inkludert oppsett og bruk av komponenter.

Bruk av Designsystemet med andre rammeverk og rein HTML.

Informasjon om korleis du bruker CLI config fil.

Informasjon om korleis du bruker størrelsar på frontend.

Informasjon om korleis du bruker fargar på frontend.

Informasjon og bruk av asChild til å løyse komposisjon.

Lær korleis du har fleire tema i same prosjekt.

Hvordan størrelser og avstander er definert og brukt i Designsystemet.

Hvordan fargene er strukturert og hvordan du bruker dem.

Hva du bør tenke på når du velger Font-family.

Hvordan skygger er definert og brukes i Designsystemet.

Med Designsystemet velger du selv hvilken ikonpakke du vil bruke

Hvordan modes i Figma fungerer og hvordan du raskt justerer størrelser, farger og typografi.

Hvordan variabler brukes i Figma og hvordan du finner riktig variabel.

Hva gjør du når det har kommet en ny versjon av Figma community-filen?

Dette bør du tenke på når du lager en ny komponent i Figma.