UX, Design & Experience
UX, Design & Experience

Designsystem & komponentbibliotek

Designsystem som används av både design och utveckling

Designsystemet gör designen skalbar. Grunden är designtokens för färg, typografi, avstånd och skugga, byggda så att teman och varumärkesuttryck kan variera utan att strukturen ändras. Ovanpå det ligger komponenterna, från knappar och fält till tabeller, dialoger och navigation, var och en med sina tillstånd och riktlinjer för när den ska användas. Till systemet hör dokumentation som visar både designavsikt och kod, versionshantering så att förändringar kan införas kontrollerat, och en process för hur nya komponenter tillkommer. Tillgänglighet byggs in i komponenterna, vilket gör att kraven uppfylls varje gång de används.

Vi bygger designsystem som både designers och utvecklare arbetar i. Våra designers och frontendutvecklare tar fram systemet tillsammans, med komponenter i Figma och i kod som hålls i takt med varandra. Vi bygger på etablerade grunder och anpassar dem till ert varumärke, vilket ger ett system som håller utan att kräva ett stort eget underhållsarbete. Vi lägger vikt vid dokumentationen, eftersom den avgör om systemet används av alla eller bara av dem som varit med från början. Ni får ett designsystem som gör varje ny funktion snabbare att bygga, och en enhetlig upplevelse genom hela portföljen.

Vad ingår

Vi tar fram strategi och styrmodell för ert designsystem.
Vi bygger en token-arkitektur som stödjer flera teman och varumärken.
Vi bygger komponentbibliotek i både Figma och kod, synkade med varandra.
Vi dokumenterar designsystemet och driver adoption bland era produktteam.
Vi tar fram governance och en bidragsmodell för hur nya komponenter läggs till.
Vi migrerar produkter från legacy-gränssnitt till det nya designsystemet.

En utmaning som förtjänar Sveriges bästa team?

Berätta vad ni vill uppnå. Vi löser det!

Kontakta oss

Regent AB

Huvudkontor

Kungsholms strand 135A
112 48 Stockholm