Förståelse före kod
Det svåra är inte att skriva koden, utan att förstå regelverket och verksamheten.
AI och vibe coding i produktutveckling
Produktutveckling med AI, från skräddarsydda verktyg till stora team
AI och vibe coding förändrar förutsättningarna i båda ändar av skalan. I en enskild verksamhet blir det möjligt och lönsamt att bygga verktyg som marknaden aldrig kommer att erbjuda. I stora organisationer kan många människor samlas runt en gemensam bild. Jag har arbetat i båda ändarna.
En skala, två poler
Samma teknik, helt olika förutsättningar
Var ni befinner er på skalan avgör hur arbetet ska läggas upp: hur nära användarna ni kan arbeta, hur många som behöver dela bilden och hur stor investeringen blir.
- Antal personer Skala från En person till Många team. Skräddarsytt verktyg ligger nära En person. Gemensam bild för många ligger nära Många team.
- Marknad Skala från En kund, ett problem till Flersidig marknad. Skräddarsytt verktyg ligger nära En kund, ett problem. Gemensam bild för många ligger nära Flersidig marknad.
- System Skala från Ett avgränsat verktyg till Många system. Skräddarsytt verktyg ligger nära Ett avgränsat verktyg. Gemensam bild för många ligger nära Många system.
- Investering Skala från Mindre till Större. Skräddarsytt verktyg ligger nära Mindre. Gemensam bild för många ligger nära Större.
Nischad produktutveckling Skräddarsytt för en verksamhet En person, ett värdefullt affärsproblem och ingen färdig produkt på marknaden. Här gör AI det möjligt och lönsamt att bygga ett verktyg som passar exakt. Läs om fallet Komplex produktutveckling En gemensam bild för många Många team, många system och en marknad med flera parter. Här vinner man mest på att alla samlas runt samma körbara prototyp, i samma repo som koden som ska förvaltas av många. Läs om fallet
Nischad produktutveckling
Skräddarsytt för en verksamhet
För unikt för en standardprodukt. För värdefullt för att göras manuellt.
Många verksamheter har ett sådant problem. Tidigare var det för dyrt att bygga en egen lösning. Med AI kan en enda person med rätt förståelse bygga verktyget, till en kostnad som värdet bär.
Fall 1 · 2025–2026
Ett skräddarsytt beräkningsverktyg för ett tjänsteföretag
1 timme i stället för 10för månadens beräkningar och faktureringsunderlag
1 persondesign, utveckling och dialog med verksamheten
200+ iterationersmå steg från första version till ett verktyg som körs varje månad
Ett tjänsteföretag behövde räkna ut den verkliga kostnaden för en återkommande händelse i verksamheten och fördela den rätt per medarbetare, period och uppdragsgivare. Beräkningen styrs av lagar, kollektivavtal och en lång rad undantag. Underlaget finns utspritt i flera befintliga system.
Inget standardverktyg på marknaden löser just det problemet. Med AI och vibe coding blev det ändå möjligt att bygga ett verktyg som gör exakt det verksamheten behöver:
- Läser in dokument och listor direkt från verksamhetens befintliga system, även PDF:er
- Tillämpar regelverket automatiskt, med alla undantag och specialfall
- Visar resultatet i översikter per månad, medarbetare och uppdragsgivare
- Tar fram underlag för fakturering, rapporter och export
Verktyget körs varje månad som en del av redovisningen. Arbetet som tidigare tog tio timmar tar nu en timme, med högre kvalitet eftersom den mänskliga faktorn är borta ur beräkningarna. Och när faktureringsunderlaget kommer fram snabbare blir kassaflödet betydligt bättre.
Det som gör det möjligt
Därför blir det lönsamt
Ett avgränsat problem
Ett verktyg som gör en sak mycket bra. Ju skarpare avgränsningen är, desto snabbare blir det användbart.
Nära dialog
Korta cykler direkt med de som ska använda verktyget. Varje ny version kan provas på riktiga underlag.
Regler som går att granska
Affärsreglerna dokumenteras på svenska, i verksamhetens egna ord. Automatiska tester säkrar att beräkningarna fortsätter att stämma.
Komplex produktutveckling
En gemensam bild för många
Även en iterativ process blir en vattenfallsprocess om delarna tar för lång tid.
När många team, system och intressenter är inblandade blir överlämningarna det som bromsar. UX måste upplevas. När prototypen är körbar kod kortas feedbackcyklerna från veckor till dagar och timmar.
Det ni vinner
Det här förändras i stora organisationer
En gemensam bild
Alla upplever samma prototyp och den kan uppdateras i nästan realtid. Det gör det möjligt att upprätthålla ett momentum.
Kunskapen kommer fram
En körbar prototyp drar ut krav, affärsregler och idéer som finns i organisationen och i kollegors huvuden.
Ett pågående samtal
I stället för långa specifikationer får ni ett levande samtal kring konkreta målbilder.
Utforskandet blir billigt
Ansträngningen för att testa en idé minskar dramatiskt. Fler alternativ hinner prövas innan något byggs på riktigt.
Tillgänglighet från början
WCAG-krav som är omöjliga att hantera i verktyg som Figma, till exempel fokus, semantik och skärmläsarstöd, går att bygga in och granska direkt i koden.
Fall 2 · januari–september 2026
Ny webbfrontend för ett stort B2B-bolag
~50 personerdirekt involverade: UX, produktledning, utvecklingsteam, pilotkunder och referensgrupper
Varannan veckademo för hela organisationen
Ett stort B2B-bolag på en komplex marknad i Skandinavien skulle ersätta en Windows-applikation med en ny webbfrontend: modernt gränssnitt, enklare för användaren och tillgänglig enligt WCAG.
Storleken och komplexiteten var större än våra befintliga verktyg klarade och feedbackcyklerna i Figma tog för lång tid. Vi gick därför stegvis från Figma, via promptning, till instruktioner och AI-agenter. Prototypen byggdes i samma stack som appen: Angular, Angular Material och Material Design 3 med design tokens, i ett gemensamt repo med ett delat komponentbibliotek.
Tre agenter bär en stor del av arbetet:
- Coder: bygger vyer och flöden enligt projektets komponenter och regler
- Auditor: granskar semantik och tillgänglighet i koden
- ReqDrafter: tar fram kravunderlag med Given/When/Then direkt ur prototypen
”Ett strålande exempel på hur vi kortat från tanken till handling.”
Från projektet
Arbetssätt i stora projekt
Sex byggstenar för en gemensam bild
-
Lik produktionsmiljön
Utvecklingsmiljön ska vara så lik produktionen som möjligt.
-
Git för alla
Grundläggande förståelse för versionshantering skapar en trygg miljö där inget går förlorat. Själva arbetet kan AI utföra.
-
Styra agenter
Instruktioner, skills och kommandon. Området rör sig snabbt, så det kräver kontinuerligt lärande.
-
Kunna sina verktyg
Verktygen ska ligga väl i handen. Det lönar sig att lära sig dem på djupet.
-
Tillgång till data
Verklighetsnära data ger bättre resultat och en djupare förståelse av affärsreglerna.
-
Enkelt att publicera
Andra måste kunna öppna och prova det som byggs, annars dör samtalet.
Läs mer
Mina texter om AI och flow
- Substack
Corporate Flow – nästa steg i organisatorisk intelligens
Om hur AI, tillit och rytm verkar kunna skapa ett nytt slags momentum, hos individer och kanske också i organisationer.
Läs artikeln - Substack
Vibe Coding: snabbt, körbart – men redo för skarpt läge?
Hur bra är egentligen koden som AI producerar? Erfarenheter från appen Brainwave Decoder.
Läs artikeln - Substack
”Jag byggde en framgångsrik app med AI på 1 timme!” Stämmer det?
Jag har byggt några appar med hjälp av AI den senaste tiden. Här delar jag med mig av mina erfarenheter och intryck.
Läs artikeln
Vanliga frågor
Frågor om AI, vibe coding och flow
Vad är vibe coding?
Vibe coding betyder att man bygger mjukvara genom att beskriva vad man vill ha för en AI, som skriver koden. Idéer kan bli körbara prototyper och verktyg på timmar och veckor i stället för månader.
Gäller det stora eller små organisationer?
Båda, men på olika sätt. I en mindre verksamhet är vinsten att det plötsligt blir lönsamt att bygga ett verktyg som är gjort just för er. I stora organisationer är vinsten en gemensam bild och kortare feedbackcykler mellan många människor.
När lönar sig ett skräddarsytt verktyg?
När problemet är återkommande, värdefullt och så specifikt att inget standardverktyg passar. Tidigare var sådana problem ofta för dyra att lösa med egen utveckling. AI sänker kostnaden så att fler av dem blir värda att lösa.
Vad betyder flow i produktutveckling?
Flow är tillståndet där utmaningen är stor men hanterbar: "det här är svårt, men jag kan hantera det". För ett team betyder det att feedbackcyklerna är så korta att man håller farten utan att tappa styrfarten eller bli fartblind.
Ersätter det Figma?
Inte helt. Figma fungerar bra för tidiga skisser och visuell utforskning. Men i stora och komplexa projekt räcker inte klickbara skisser: data, logik, tillstånd och tillgänglighet behöver upplevas i riktig kod för att bli rätt.
Behöver UX-designers kunna programmera?
Nej, men några saker behövs: en grundläggande förståelse för Git, för begrepp som routes och mockdata samt för hur man styr AI-agenter. Det är just det jag hjälper team att komma igång med.
Ska vi göra något tillsammans?
Hör av dig om du vill diskutera en idé eller ett samarbete. Jag ser fram emot vårt samtal!