Tjänst · Design

Designsystem

Snabbare releaser, konsekvent UX och tillgänglighet inbyggd i varje gränssnitt, samlat i en källa som alla era team delar. För design- och utvecklingschefer och produktägare med flera produkter, varumärken eller team. Vi etablerar och förvaltar designsystemet, från designtokens till levande dokumentation.

För vem Design Director, CTO och Head of Product i organisationer med flera produkter, varumärken eller team som ska dela ett designspråk. Också plattformsteam som vill säkra konsekvens utan att flaskhalsa enskilda produktteam.

Område Design

Start Boka ett inledande samtal →

Ett designsystem är ett komponentbibliotek på systemnivå, designtokens, UI-komponenter, mönster och dokumentation som skalar över flera produkter eller varumärken. Vi etablerar och förvaltar det, med tillgänglighet enligt WCAG 2.2 AA inbyggd i varje komponent, samma kravnivå som tillgänglighetsdirektivet EAA, i kraft 28 juni 2025. Resultatet är konsekvent UX, snabbare time-to-market och tillgänglighet i varje applikation som konsumerar systemet.

En token-ändring kan slå igenom hundratals skärmar. Vi använder AI-stöd för att kartlägga konsekvenserna av en ändring och hålla dokumentationen i takt med koden, så att teamen vet vad som påverkas innan en release går ut.

Vad ingår

Designtokens (färg, typografi, spacing, motion) versionerade och plattformsoberoende
Komponentbibliotek i Figma med fulla varianter och states
Kodat komponentbibliotek (React, Vue, Angular eller webbkomponenter) som matchar Figma 1:1
Dokumentation i Storybook eller Zeroheight med användningsregler, do/don’t och tillgänglighetsanvisningar
Tillgänglighet enligt WCAG 2.2 AA inbyggd i varje komponent
Versionshantering enligt SemVer med changelog och migrationsguider
Bidragsmodell och governance, RFC-process för nya komponenter
Tema-system för flera varumärken (white labelling)
Automatiska tester, axe-core för tillgänglighet, visuella regressionstester via Chromatic

Så arbetar vi

Discovery och strategi

2–4 veckor, kartläggning av existerande UI-arvet, varumärkesriktlinjer och konsumerande team. Komponentstrategi och ägarmodell.

Tokens och kärnkomponenter

Färg, typografi, spacing, grundkomponenter (knappar, formulär, navigation, kort, tabeller). Figma och kod parallellt.

Dokumentation och pilotteam

Storybook eller Zeroheight som dokumentationsyta. Pilotteam konsumerar v1 och ger feedback.

Release v1 och adoption

npm-paket, changelog, migrationsguide. Aktiv supportkanal mot konsumerande team.

Förvaltning

Versionerade releases, RFC-process för nya komponenter, kvartalsvis tillgänglighetsrevision. Övergår till förvaltning eller löpande konsultinsats hos er.

Vanliga frågor

När är det dags för ett designsystem?

När ni har minst tre produkter eller varumärken som divergerar designmässigt, eller när nya produktteam ständigt återuppfinner samma komponenter. Ett designsystem är en tvärgående investering, den betalar tillbaka sig först när flera team konsumerar det.

Vad är skillnaden mellan UX och visuell design och ett designsystem?

UX och visuell design designar för en specifik produkt, en webbplats, en app, en e-tjänst. Ett designsystem etablerar systemet som flera produkter konsumerar. Många av våra kunder börjar med UX och visuell design på enskild lösning och låter komponenterna generaliseras till ett designsystem när skalan motiverar det.

Hur säkrar ni att Figma och kod inte divergerar?

Strikt 1:1-mappning på namngivning, props och states. Designtokens som single source. Automatiska tester på kod, granskningsrutin per release. Designkvalitetsråd granskar varje release innan publicering.

Kan vi ta över förvaltningen själva?

Förvaltning i eget team är målet — dokumentation, bidragsmodell och governance levereras så att ni driver vidare själva. Många kunder behåller dock en konsultinsats, ett par seniora utvecklare i kundens designsystem-team, för stabilitet.

Söker ni något annat? Se UX och visuell design, Tillgänglighet, Webb- och innehållsplattform eller Förvaltning och vidareutveckling.

Joakim Ekman Affärsområdeschef, förändringsledning

Boka samtal