Bygga med AI

Bygga digitala produkter med AI.

Jag använder AI-assisterad utveckling, ofta kallad vibe coding, för att förvandla idéer till fungerande digitala produkter: webbplatser, prototyper och tidiga versioner av appar. Jag börjar fortfarande med UX: AI gör det möjligt att testa fler idéer snabbare och lägga mer tid på problemlösning, användarbehov och produktstrategi.

Boka ett samtal på 30 minuterSe vad jag har byggt
Hushållssidan i LazyMeals med varje person och deras preferenserMatlagningsläget i LazyMeals som visar ett steg i ett recept

LazyMealsDesignad och byggd med AI

Utgångspunkt
UX och produktdesign
Huvudverktyg
Figma, Claude, ChatGPT
Byggt hittills
Appar och webbplatser

Min resa

Från designfiler till fungerande produkter

Figma har varit mitt huvudverktyg för design sedan början av min UX-karriär, från wireframes och designsystem till detaljerade gränssnitt och prototyper.

ChatGPT var mitt första AI-verktyg. Jag använder det för att göra dokumentation tydligare, förbättra promptar och se till att det jag lämnar över är lätt för andra att förstå. Claude är mitt senaste tillskott: jag använder Claude Design och Claude Code för att utforska, ta fram prototyper och bygga.

Det bästa sättet för mig att lära mig ett nytt verktyg är att bygga något på riktigt med det. LazyMeals är det tydligaste exemplet: jag har designat och byggt den själv.

Så använder jag AI

Snabbare, inte i stället för design

AI ersätter inte designprocessen, men gör det möjligt att testa fler idéer snabbare.

  1. Utforska och validera idéer

    Att snabbt prova idéer innan jag bestämmer mig för en.

  2. Jämföra designriktningar

    Att ta fram flera riktningar som jag kan jämföra och hämta inspiration från.

  3. Ta fram prototyper tidigt

    Att ta fram tidiga prototyper som människor kan testa.

  4. Bygga en första version

    Att få webbplatser och tidiga versioner av webbappar att fungera, så att idéer möter riktiga användare tidigare.

Verktygslåda

Verktygen jag använder

Figma
Mitt huvudverktyg för design.
Claude
Claude Design och Claude Code för att utforska, ta fram prototyper och bygga.
ChatGPT
Tydligare dokumentation och bättre promptar.
Supabase
En backend som jag utforskar i mina egna projekt.
Magnific
Genomarbetat bildmaterial.

Det här har jag byggt

Två projekt som jag har designat och byggt

Min egen produkt · design och utveckling

LazyMeals

Jag har designat LazyMeals och byggt både appen och dess flerspråkiga webbplats med AI-assisterad utveckling. Det går att anmäla sig till early access inför lanseringen.

Introduktionschatten i LazyMeals som frågar om matpreferenser
Introduktionen som chatt
Hushållets måltidsplan i LazyMeals
Måltidsplanen
Inköpslista i LazyMeals som skapats från planen
Inköpslistan

Webbprojekt · design och utveckling

Eventscripts webbplats

Eventscripts nya webbplats är ett eget projekt, skilt från Eventscript-plattformen. Jag har designat och byggt hela webbplatsen själv. Den är fortfarande ett utkast och har inte lanserats.

När det gäller själva Eventscript-plattformen är min roll design: jag har designat den, och utvecklingsteamet bygger den.

Har du en idé som du vill se fungera?

Boka ett samtal på 30 minuter så pratar vi om din idé och om en webbplats, en prototyp eller en tidig version är rätt nästa steg.

Boka ett samtal på 30 minuterLinkedIn