12. april 2026

Hva er vibe design?

Vibe design er en ny måte å lage brukergrensesnitt på. Du beskriver hva du vil ha på vanlig språk, og en AI genererer det visuelle designet for deg. I stedet for å plassere elementer manuelt i tradisjonell designprogramvare, fører du en samtale med en AI-agent som produserer ferdige UI-skjermer. Du itererer, forbedrer, presenterer for interessenter og eksporterer til slutt de godkjente designene som kode. Det er den designfokuserte motparten til vibe coding, og det endrer hvordan team går fra ide til produkt.

Kort forklart

Du åpner et prosjekt. Du beskriver hva du trenger. AI-en genererer et komplett UI-design på et visuelt lerret. Du ber AI-en justere ting gjennom chat. Når du er fornøyd, deler du en forhåndsvisningslenke med klienten eller interessentene dine. De åpner den i nettleseren og gir tilbakemelding. Når alle er enige, eksporterer du designet som ren HTML, CSS og Tailwind-kode og sender det videre til utviklerne.

Det er vibe design. Det er ikke et konsept eller en filosofi. Det er en konkret arbeidsflyt som reelle team bruker akkurat nå for å levere raskere og kommunisere bedre.

Forskjellen mellom vibe design og vibe coding

Du har sannsynligvis hørt om vibe coding. Andrej Karpathy populariserte begrepet for å beskrive det å bruke AI til å skrive kode ved å fortelle hva du vil ha. Verktøy som Cursor, Lovable og Bolt.new er alle vibe coding-verktøy. Du snakker, AI-en koder.

Vibe design bruker samme input (naturlig språk) men gir en annen output (visuelle design i stedet for kode). Forskjellen kan virke liten, men den betyr enormt mye for profesjonelle team.

Grunnen er enkel. Når du vibe coder, får du en fungerende applikasjon. Det høres bra ut, helt til du skal vise den til en klient for godkjenning. En staging-URL er ikke en designpresentasjon. Klienten kan ikke enkelt se hva som er bevisst og hva som er tilfeldige AI-valg. Farger kan drifte mellom sider. Avstander er inkonsekvente. Det er ingen designsystem som holder ting sammen.

Vibe design løser dette ved å holde outputen visuell. Du får skjermer på et lerret, ikke kode i et repository. Du deler en designforhåndsvisning, ikke en staging-lenke. Klienten gjennomgår en polert presentasjon, ikke et uferdigt bygg. Og først etter at alle er enige går du videre til kode.

Hvorfor dette er relevant i Norge

Det norske teknologimarkedet har en dynamikk som gjør vibe design spesielt relevant. Norge har en høy konsentrasjon av teknisk sterke team, men talentpoolen er liten og dyr. En senior designer i Oslo koster betydelig mer enn i de fleste europeiske markeder. Det gjør effektivitet til et reelt konkurransefortrinn.

Oslo-teknologimiljøet er hjemsted for selskaper som Kahoot, AutoStore og en voksende bølge av SaaS- og fintech-startups. Bergen har en sterk maritim teknologiklynge. Trondheim har tette bånd til NTNU og et blomstrende forskningsdrevet gründermiljø. Stavanger kombinerer energisektoren med et økende antall digitalbyråer. På tvers av alle disse byene leter team etter måter å bevege seg raskere på uten å øke bemanningen.

Vibe design gir disse teamene en multiplikator. En enkelt designer som bruker dMaya kan produsere arbeid i tempoet til et lite designteam. En produktleder kan generere en visuell retning uten å vente på at designkøen åpner seg. En gründer kan validere en produktide visuelt før en eneste kodelinje skrives.

Designfasen finnes av en grunn

Det har vært en trend mot å hoppe over designfasen og gå rett til kode. Logikken høres fornuftig ut: Hvis AI kan bygge tingen, hvorfor bry seg med å designe den først?

Svaret viser seg i revisjonene. Når du hopper over design, oppdager du problemer etter at koden er skrevet. Klienten liker ikke layouten. Interessenten ville ha et annet navigasjonsmønster. Mobilversjonen fungerer ikke. Hver av disse endringene er nå en kodeendring, som er tregere og dyrere enn en designendring.

Vibe design hopper ikke over designfasen. Det gjør den dramatisk raskere. Det som pleide å ta dager eller uker skjer nå på minutter. Du får fortsatt fordelene med visuell gjennomgang, interessentjustering og bevisste designvalg. Du får dem bare med AI-hastighet.

Arbeidsflyten: beskriv, generer, iterer, presenter, eksporter

Du starter med å beskrive hva du trenger. Åpne dMaya, start et prosjekt og fortell AI-en hva du vil ha. "Et dashboard for en logistikkplattform. Lyst uttrykk med sidebar, kart og tabell for sendinger."

AI-en genererer en komplett skjerm. Ikke en wireframe eller skisse, men et ferdig UI-design med reell typografi, farger, komponenter og innhold. Det er startpunktet ditt.

Derfra itererer du. Du sier: "Gjør sidebaren smalere", "Bruk merkevarefarger", "Legg til et diagram over tabellen". Alt gjennom chatten. Ingen verktøylinje, ingen menyer, ingen opplæring.

Når designet er klart, deler du det. Du genererer en forhåndsvisningslenke som klienten eller interessentene åpner i nettleseren. De ser designet, legger igjen kommentarer, og du behandler tilbakemeldingene. Raskere enn å planlegge et møte.

Etter godkjenning eksporterer du til kode. HTML, CSS, Tailwind. Koden går til utviklerteamet ditt eller direkte til Cursor eller Claude Code via MCP.

Hvem bruker vibe design?

• Byråer i Oslo, Bergen og Trondheim som trenger å generere designkonsepter raskt til klientpitcher
• Produktteam som utforsker UI-retninger før de bruker utviklertid
• Frilansere som vil levere mer uten å brenne seg ut
• Produktledere og grundere som trenger å visualisere ideer før de gir dem til en designer
• Alle som presenterer visuelt arbeid for klienter eller interessenter for godkjenning

Utviklere hadde Cursor. Nå har designere dMaya.

Cursor og Claude Code forandret hvordan utviklere jobber. De beskriver hva de vil ha, og AI-en genererer fungerende kode. Det var et gjennombrudd for utviklersiden.

Men for designfasen fantes det ingenting tilsvarende. Du kunne bruke AI til å generere kode, men ikke til å generere design. Det visuelle steget ble fortsatt gjort manuelt.

dMaya fyller det gapet. Det er AI-designverktøyet som gjør designfasen like rask som kodefasen allerede er. Du beskriver, AI-en designer. Du itererer via chat. Du deler med klienter. Du eksporterer til kode.

Design tokens for konsistens

En vanlig bekymring med AI-genererte design er konsistens. Hvis du genererer hver skjerm for seg, ser hver skjerm forskjellig ut. Andre farger, annen typografi, andre avstander.

dMaya løser dette med design tokens og komponenter. Du definerer farger, fonter og avstander en gang, og alle skjermene du genererer bruker de samme tokenene. Dermed føles hele prosjektet som et sammenhengende produkt, ikke en samling løse sider.

Dette er en funksjon du ikke finner i vibe coding-verktøy. Cursor og Claude Code er glimrende for kode, men de har ikke noe konsept for et visuelt designsystem. Hver gang AI-en lager en skjerm, starter den på nytt. Med dMaya gjør den ikke det.

MCP-integrasjon: design og kode i samme flyt

Når designet er godkjent, trenger du ikke kopiere kode manuelt. dMaya kobler seg til Cursor og Claude Code via MCP (Model Context Protocol). Det betyr at utviklerverktøyet ditt kan hente det godkjente designet direkte og bruke det som referanse når det genererer kode.

Arbeidsflyten blir sømløs. Designer i dMaya, godkjenn med klienten, og la Cursor eller Claude Code bygge det som ble godkjent. Ingen manuell overlevering, ingen misforståelser om marger og fontstørrelser.

Se hvordan dMaya fungerer som AI-prototypegenerator, eller les vår oversikt over AI-verktøy for design.

Ofte stilte spørsmål