Variabler er navngitte verdier som kan brukes flere steder i et designsystem. Det kan være farger, avstander, størrelser, skygger eller typografiske verdier. Når en verdi endres i variabelen, kan alle elementene som bruker den oppdateres samlet.
Hva innebærer Variabler i praksis?
I Webflow brukes variabler til å gjøre designbeslutninger mer konsistente. En fargevariabel for primærfargen kan brukes på knapper, lenker og bakgrunner, mens avstandsvariabler kan gi en jevn rytme mellom seksjoner. Variabler bør ha et tydelig navnesystem og representere designintensjoner, ikke bare tilfeldige verdier.
Variabler er relevante når løsningen skal forvaltes over tid eller ha flere temaer og varianter. De reduserer risikoen for små forskjeller som gradvis gjør designet ujevnt. Se Webflows veiledning om variabler, Design tokens og Designsystem.
La oss bygge noe solid sammen
.avif)
Vi hjelper ambisiøse virksomheter med merkevare, UI/UX og Webflow-løsninger som er gjennomtenkte, tydelige og bygget for å vare.
