Jeg har i min tid sett mange forskjellige designsystemer på norsk jord - NAV har Aksel, DNB har Eufemia, Oslo kommune har Punkt. Et jeg ikke var like klar over før jeg begynte å titte rundt i dag på jakt etter gode eksempler på en komponent var Spor, som er Vy sitt designsystem.

Noe av det jeg liker veldig godt med Spor er hvordan dokumentasjonen er utformet: komponenter er organisert per bruksområde og ikke bare kastet sammen i en kategori. Hver komponent er grundig beskrevet med eksempler på bruk og ulike props. Design tokens er listet ut og pent presentert.

Noe av det vanskeligste med designsystemer er å lage en god guide som ikke bare ser bra ut men som også fungerer bra med tanke på informasjonsarkitektur og navigasjon. Det finnes verktøy som kan hjelpe med det, som for eksempel Zeroheight eller Supernova, men når man først går "all in" på et designsystem bør man egentlig også lage en egen guide som står i stil med resten av arbeidet. Her synes jeg Vy har truffet bra.

Sidebar: jeg skulle ønske at flere droppet å lage hele komponentbiblioteket sitt med React. Ja, React er populært og alt det der, men det går an å lage det på andre måter også slik at man ikke må benytte React som en større eller mindre del av stacken hvis man skal konsumere komponenter fra designsystemet. Hva om Svelte plutselig blir "det store nye"? Eller Elm? Eller noe annet? Eller kanskje man ikke skal bruke JavaScript i det hele tatt fordi konsumenten er en serverbasert portal på toppen av en Episerver-løsning eller noe sånt?

Mulig jeg er litt sær på det, altså. Men allikevel.