Vad är ett designsystem?

Ett designsystem är en samling riktlinjer och principer för digital design och utveckling. Det innehåller återanvändbara komponenter för digitala gränssnitt, som till exempel webbplatser och appar. Det kan till exempel innehålla regler för:

  • typografi och färgpaletter
  • knappar och komponenter
  • ikonbibliotek
  • grafik och grafiska element
  • interaktiva element (scroll, navigation, klick)
  • layout (marginaler och positionering).

Designsystemet är med andra ord en användbar single source of truth att luta sig mot för både visuella designer och utvecklare.

Därför behöver du ett designsystem

Ett designsystem är en toppenidé oavsett om ni är en startup i tillväxt eller ett stort företag med många digitala gränssnitt. Ju mer designen behöver skalas upp, desto viktigare blir designsystemet. Ni slipper uppfinna hjulet flera gånger och designa från grunden – istället kan ni återanvända. Det kommer hjälpa er att skapa och anpassa design för nya sammanhang snabbare och effektivare.

Kort sagt: Ett designsystem är ett effektivt verktyg för samarbete mellan designer och frontend-utvecklare, som kommer öka kvaliteten i både form och kod.

Vi skapar ditt designsystem i Figma

Vi på Esatto hjälper dig gärna att skapa ett designsystem som både stärker ert varumärke och är tillgänglighetsanpassat. Allra helst bygger vi det i vårt favoritverktyg Figma, där det är lätt att samarbeta. Det spelar ingen roll om ni redan har en väl utarbetad grafisk identitet, eller om ni vill börja om från grunden med ert visuella uttryck. Hör av dig, så sätter vi igång!