13. april 2026

Nettside design med AI: slik designer du raskere

Nettside design med AI er prosessen der du bruker kunstig intelligens til å generere det visuelle designet for en nettside. Du beskriver hva du trenger, og AI-en produserer et komplett design med layout, typografi, farger og innhold. Deretter itererer du, presenterer for klienten og eksporterer til kode. Det handler om designfasen, ikke om å bygge selve nettsiden. AI-en lager designet. Utviklerne bygger nettsiden.

Design, ikke bygging

Det er viktig å skille mellom design og bygging. Mange AI-verktøy lover at de kan "bygge nettsiden din". Det de egentlig gjør er å generere kode direkte, uten en visuell designfase. Resultatet er en fungerende side, men uten den gjennomtenkte visuelle retningen som klienter forventer.

I profesjonelle prosjekter, spesielt i byråmiljøet i Oslo og resten av Norge, finnes det en klar designfase. Klienten skal se og godkjenne designet for utvikling starter. Det er slik prosjekter har fungert i årevis, og det er slik de bør fortsette å fungere, selv med AI.

Det vibe design gjør er å akselerere denne designfasen dramatisk. Ikke hoppe over den.

Steg 1: Beskriv hva du trenger

Du starter med å beskrive nettsiden du vil designe. Åpne dMaya, opprett et prosjekt og fortell AI-en hva du trenger. Det kan være så enkelt som: "En landingsside for et norsk konsulentselskap. Ren, profesjonell stil. Hero-seksjon med overskrift og CTA, en seksjon med tjenester og en kontaktseksjon."

Jo mer kontekst du gir, jo bedre blir resultatet. Nevn målgruppe, tone, bransje og eventuelle referanser. Men selv en kort beskrivelse gir deg et solid startpunkt.

Steg 2: La AI-en generere designet

AI-en produserer et komplett nettside-design. Ikke en wireframe, ikke en skisse, men et ferdig visuelt design med reelle farger, typografi, komponenter og plassholdertekst. Det er presentasjonsklart fra start.

For en typisk landingsside tar genereringen under et minutt. For mer komplekse sider med flere seksjoner kan det ta litt lenger, men du har alltid et visuelt resultat å jobbe videre med.

Steg 3: Iterer gjennom samtale

Nå begynner den kreative prosessen. Du gir tilbakemelding gjennom chatten. "Bytt bakgrunnsfargen til en varm grå." "Gjør hero-overskriften større." "Legg til en seksjon med kundelogoer." AI-en forstår konteksten og gjør justeringene.

Dette er fundamentalt forskjellig fra manuell design. I stedet for å flytte elementer piksel for piksel, beskriver du hva du vil endre, og AI-en utfører det. Det betyr at selv store endringer tar sekunder i stedet for timer.

Steg 4: Del med klienten

Når du er fornøyd med designet, genererer du en forhåndsvisningslenke. Klienten åpner lenken i nettleseren sin og ser designet nøyaktig slik det ser ut. Ingen innlogging, ingen konto, ingen nedlasting.

Klienten kan legge igjen kommentarer direkte i forhåndsvisningen. "Kan vi prøve en annen farge her?" "Jeg liker denne seksjonen, men kan vi flytte den opp?" Tilbakemeldingene samles på ett sted, og du slipper å tolke lange e-poster.

For byråer i Oslo som jobber med krevende klienter er dette verdifullt. Presentasjonen er profesjonell, tilbakemeldingen er strukturert, og hele prosessen er raskere enn tradisjonelle designrunder.

Steg 5: Eksporter til kode

Etter godkjenning eksporterer du designet som HTML, CSS og Tailwind-kode. Denne koden er startpunktet for utvikling, ikke det endelige produktet. Utviklerne tar over herfra.

dMaya kobler seg til Cursor og Claude Code via MCP. Det betyr at utviklerverktøyet kan hente det godkjente designet direkte og bruke det som referanse. Ingen manuell kopiering, ingen misforståelser om avstander og fontstørrelser.

Arbeidsflyten er tydelig. dMaya håndterer designfasen. Cursor eller Claude Code håndterer utviklingsfasen. Hvert verktøy gjør det det er best på.

Webdesign i Oslo og resten av Norge

Det norske webdesign-markedet er preget av høye kvalitetskrav og høye kostnader. En senior designer i Oslo er blant de dyreste i Europa. Byråer i Bergen, Stavanger og Trondheim konkurrerer om de samme klientene og trenger å levere raskt uten å gå på kompromiss med kvaliteten.

AI-assistert nettside-design gir norske team et forsprang. En designer kan produsere flere konsepter på kortere tid. Et byrå kan presentere tre visuelt forskjellige retninger i stedet for en. En frilanser kan ta på seg flere prosjekter uten å jobbe lengre dager.

Det handler ikke om å erstatte designere. Det handler om å gi dem verktøy som matcher ambisjonsnivået til norske team og klienter.

Konsistens over flere sider

En nettside er sjelden en enkelt side. Du trenger en forside, en om oss-side, en tjenesteside, en kontaktside og kanskje flere. Alle må føles som deler av samme merkevare.

dMaya bruker design tokens for å sikre konsistens. Du definerer farger, typografi og avstander en gang, og alle sider du genererer arver de samme tokenene. Resultatet er en sammenhengende nettside, ikke en samling løse sider som tilfeldigvis deler et domene.

Hvem er dette for?

• Digitalbyråer som designer nettsider for klienter og trenger raskere designrunder
• Frilansere som vil levere klientferdige designkonsepter på timer i stedet for dager
• Produktteam som trenger interne verktøy eller landingssider designet raskt
• Grundere som vil se hvordan produktet deres ser ut visuelt for de investerer i utvikling

Vil du forstå mer om arbeidsflyten bak? Les vår artikkel om hva vibe design er, eller se hvordan dMaya fungerer som AI-designverktøy for team.

Ofte stilte spørsmål