Vad kostar design av en app?
UI-design för en app kostar vanligtvis 100 000–400 000 kr i Sverige 2026. Priset styrs av antalet unika vyer, hur många plattformar designen ska anpassas för och hur mycket eget formspråk som tas fram. En mindre app med få vyer ligger i spannets nedre del, medan appar med egna komponentbibliotek hamnar högre.
När du tar in offerter på en app är designen ofta en enda rad: ”design ingår”. Men UI-design – gränssnittet användaren ser och rör vid – är en egen post med egna kostnadsdrivare, skild från research och flödesarbete. Här är prisbilden för 2026 och vad som avgör om designbudgeten faktiskt syns i den färdiga appen.
Vad ingår i UI-design för en app?
UI-designen tar vid där det övergripande UX-arbetet slutar. Flödena är bestämda – nu ska varje skärm ritas så att den går att bygga.
I en typisk leverans ingår:
- Visuellt formspråk – färger, typografi och ikonografi anpassade till varumärket.
- Komponentbibliotek – knappar, formulär, listor och kort i alla sina lägen.
- Färdiga vyer – varje skärm i normalläge, men också tom, under laddning och vid fel.
- Interaktioner – övergångar, gester och mikroanimationer som gör appen levande.
- Överlämning – strukturerade designfiler, tokens och dokumentation som utvecklarna bygger från.
Research, informationsarkitektur och användartester är egna poster. Blanda inte ihop dem med UI-designen när du jämför offerter – då jämför du äpplen med päron.
Prisspann: 100 000–400 000 kr
| Omfattning | Typisk kostnad | Vad det brukar innebära |
|---|---|---|
| Mindre app, 5–10 vyer | 100 000–180 000 kr | Standardkomponenter med eget formspråk, en plattform |
| Medelstor app, 10–25 vyer | 180 000–300 000 kr | Egna komponenter, anpassning för både iOS och Android |
| Större app med designsystem | 300 000–400 000 kr+ | Komplett komponentbibliotek, animationer, dokumentation |
Antalet vyer är den starkaste prisdrivaren. En vy är dessutom sällan en enda skärmbild: ett bokningsflöde med fem steg, felmeddelanden och kvittovy är i praktiken kanske tio skärmar som alla ska ritas och hänga ihop.
Den andra plattformen fördubblar inte priset – det mesta återanvänds – men navigering, komponentbeteenden och typografi behöver anpassas. Räkna med ett påslag på ungefär 15–30 procent.
HIG och Material Design sätter ramen
Apples Human Interface Guidelines och Googles Material Design beskriver hur appar förväntas se ut och bete sig på respektive plattform. Att designa med riktlinjerna i stället för mot dem gör tre saker: användarna känner igen sig, granskningen i butikerna går smidigare och utvecklarna kan använda beprövade komponenter.
En bra appdesigner lägger särarten där den syns och betalar sig – färg, typografi, illustrationer och nyckelflödena – och följer plattformsstandard för resten. Att uppfinna en egen datumväljare kostar designtimmar, utvecklingstimmar och buggar, utan att göra appen bättre.
Överlämningen avgör om budgeten ger effekt
Den vanligaste orsaken till att en app inte ser ut som skisserna är inte dålig design – det är en dålig överlämning. Om utvecklarna tvingas tolka statiska bilder på fri hand uppstår en glipa mellan design och kod som kostar i båda ändar.
Kräv därför att leveransen innehåller:
- Design tokens – färger, typografi och avstånd definierade som värden som läses in i koden.
- Komponenter med tillstånd – varianter namngivna så att de mappar mot utvecklarnas komponentbibliotek.
- Dokumentation – hur komponenter får kombineras och vad som händer i kantfallen.
Vi på Weapp designar och bygger appar under samma tak – som Sejfa, en digital hemförsäkring för unga vuxna – och vår erfarenhet är att det är i skarven mellan design och kod som designbudgetar antingen ger effekt eller rinner ut i sanden.
Räkneexempel: bokningsapp med 15 vyer
Säg att din app har 15 unika vyer, eget formspråk och ska släppas på både iOS och Android. Räkna med ungefär 200 000–280 000 kr och 6–8 veckors designarbete, inklusive komponentbibliotek och överlämning.
Vill du dessutom ha ett eget ikonbibliotek och en animerad onboarding rör du dig mot spannets övre del. Stryker du Android i första versionen och nöjer dig med standardikoner hamnar du i stället kring 150 000–200 000 kr. Det är så du ska använda spannet: varje val har en prislapp, och det är billigare att välja före designstarten än efter.
Så får du ut mest av designbudgeten
- Prioritera vyerna efter affärsvärde – onboarding och kärnflödet först, adminvyer och undantag sist.
- Beställ komponenter, inte skärmar. Tjugo skärmar byggda på tio komponenter är billigare än tjugo unika skärmar.
- Kräv tokens och dokumentation i leveransen, inte bara snygga bilder.
- Låt en utvecklare granska designen löpande, inte först när allt är ritat.
Vill du veta vad just din app skulle kosta att designa? Hör av dig med skisser eller en funktionslista, så får du ett spann att budgetera efter.
Vanliga frågor
Vad är skillnaden mellan UX-design och UI-design?
UX-design är helheten: research, flöden, struktur och testning. UI-design är den visuella och interaktiva ytan – skärmar, komponenter och formspråk. I offerter är UI-designen ofta en egen post, och det är den posten prisspannen på den här sidan gäller.
Kan samma design användas för både iOS och Android?
Till stor del. Formspråk, färger och de flesta vyer återanvänds, men navigering, komponentbeteenden och typografi behöver anpassas efter respektive plattforms riktlinjer. Räkna med ett påslag på ungefär 15–30 procent för den andra plattformen, inte ett dubbelt pris.
Hur lång tid tar UI-design för en app?
En mindre app tar ofta 3–5 veckor att designa, en medelstor 6–10 veckor inklusive komponentbibliotek och överlämning. Tiden styrs av antalet vyer, hur många beslutsrundor ni behöver och hur snabbt ni ger återkoppling på utkast.
Vad är design tokens?
Design tokens är designbeslut – färger, typsnitt, avstånd och radier – definierade som namngivna värden som kan läsas in direkt i koden. De gör att designändringar slår igenom överallt på en gång och att appen fortsätter se ut som skisserna även efter många releaser.
Blir det billigare att använda ett färdigt UI-kit?
Ja, ett färdigt kit kan sänka designkostnaden rejält för en intern app eller en tidig MVP. Priset är att appen ser generisk ut och att kittet sällan täcker alla era fall. För en konsumentapp där första intrycket avgör är eget formspråk oftast värt pengarna.