AI har på kort tid ændret måden, mange designere, marketingfolk og webfolk arbejder på. Ikke fordi AI fjerner behovet for mennesker, men fordi det kan gøre designprocessen hurtigere, skarpere og mere struktureret, hvis man bruger det rigtigt.
Den store fejl er at tro, at AI bare skal lave det hele for dig. Så ender du ofte med generiske tekster, tilfældige layouts og visuelle idéer, der ser flotte ud, men ikke passer til brandet, målgruppen eller formålet med hjemmesiden.
Den rigtige måde at bruge AI i designprocessen på er anderledes. AI skal hjælpe dig med at tænke hurtigere, teste flere retninger og komme fra idé til færdigt website med færre blinde vinkler. Det kræver dog, at du ved, hvor i processen de forskellige værktøjer giver mening.
I denne artikel gennemgår vi en praktisk AI-workflow fra idé til færdigt website med ChatGPT, Midjourney, Figma, Framer og Adobe Firefly. Vil du lære det i praksis, kan du også se vores kursus i webdesign med AI i København, hvor vi arbejder konkret med processen fra idé til færdigt design.
AI skal ikke erstatte din designproces
Før vi går i gang med værktøjerne, er det vigtigt at slå én ting fast: AI er ikke en genvej uden faglighed.
Du får ikke automatisk et stærkt website, bare fordi du bruger ChatGPT, Midjourney eller Framer. AI kan give dig idéer, forslag, tekst, billeder og layoutretninger, men det er stadig dig, der skal vurdere, sortere og tage beslutningerne.
Et godt website kræver stadig forståelse for målgruppe, struktur, budskab, visuel identitet, brugerrejse og konvertering. AI kan hjælpe dig med alle de dele, men det kan ikke tage ansvaret for helheden.
Derfor skal du se AI som en kreativ sparringspartner. Ikke som en erstatning for din egen dømmekraft.
Step 1: Brug ChatGPT og Midjourney til idéfasen
Den første del af designprocessen handler ikke om farver, fonte og knapper. Den handler om retning.
Hvad skal websitet opnå? Hvem skal det ramme? Hvilket problem løser virksomheden? Hvilken stemning skal designet have? Hvilke konkurrenter skal man skille sig ud fra?
Her er ChatGPT stærkt, fordi det kan hjælpe dig med at strukturere tanker, målgrupper og budskaber. Du kan bruge ChatGPT til at udvikle personas, lave indholdshierarki, formulere værdiforslag og finde forskellige vinkler på samme website.
For eksempel kan du bede ChatGPT om at analysere en målgruppe, foreslå sektioner til en landingsside eller omskrive et budskab, så det bliver mere klart og konverterende.
Men ChatGPT skal ikke bare have en løs besked som “lav en hjemmeside for mig”. Jo bedre input du giver, jo bedre output får du. Du bør give AI’en information om virksomheden, målgruppen, produktet, konkurrenterne og det ønskede udtryk.
Midjourney kan bruges i samme fase, men mere visuelt. Her kan du afsøge stemninger, billedretninger, hero-sektioner, kampagneudtryk og designreferencer. Det kan være særligt nyttigt, hvis du skal præsentere en retning for en kunde eller et team, før du begynder at bygge selve designet.
Det kritiske punkt er, at Midjourney ikke skal bestemme designet for dig. Det skal inspirere dig. Brug det til at finde en visuel retning, men lad ikke et flot AI-billede styre hele websitet.
Step 2: Brug Figma til struktur og designretning
Når idéen er på plads, skal den oversættes til struktur. Det er her, mange AI-projekter falder fra hinanden.
Man har fået en masse gode idéer, en flot visuel stemning og måske nogle stærke tekstforslag, men websitet mangler opbygning. Hvad skal komme først? Hvordan leder man brugeren videre? Hvor skal CTA’en placeres? Hvordan skal siden fungere på mobil?
Figma er stadig et af de stærkeste værktøjer til denne del af processen, fordi det giver dig kontrol over layout, struktur og brugerrejse. AI kan hjælpe, men Figma er stedet, hvor du samler det hele og begynder at tage designbeslutninger.
Du kan bruge AI i og omkring Figma til at arbejde hurtigere med wireframes, layoutforslag, komponenter og tekstvariationer. Men det vigtigste er ikke, at AI laver et layout hurtigt. Det vigtigste er, at layoutet giver mening.
En stærk Figma-proces kan for eksempel starte med en simpel wireframe, hvor du kun fokuserer på rækkefølge og indhold. Først derefter arbejder du med typografi, spacing, farver og visuelle elementer.
Hvis du designer direkte ud fra AI-genererede idéer uden at tænke struktur, risikerer du at lave en flot side, der ikke konverterer. Det er derfor, strukturfasen er så vigtig.
På voreskursus i webdesign med AI arbejder vi netop med, hvordan du går fra AI-idéer til en mere konkret og brugbar designstruktur.
Step 3: Brug Framer til at bygge websitet
Når strukturen og designretningen er klar, skal websitet bygges. Her er Framer blevet et interessant værktøj, fordi det gør det muligt at komme hurtigt fra design til live website.
Framer er især stærkt til landingssider, kampagnesider, porteføljer og moderne websites, hvor design, animation og hastighed i processen betyder meget. Det kan hjælpe dig med at bygge visuelt uden at starte helt fra bunden med kode.
AI kan bruges i Framer til at generere layoutforslag, tekst, sektioner og struktur. Men igen skal du være kritisk. Et AI-genereret website er sjældent færdigt, bare fordi det ser pænt ud ved første øjekast.
Du skal stadig gennemgå mobilvisning, spacing, CTA’er, formularer, indhold, performance og SEO. Det er ofte her, forskellen på en hurtig AI-demo og et professionelt website bliver tydelig.
Framer kan være en effektiv del af AI-designprocessen, fordi du hurtigere kan teste idéer i praksis. I stedet for at bruge lang tid på statiske mockups kan du bygge noget, der føles tættere på et rigtigt website.
Men du skal stadig kunne vurdere, om siden faktisk virker. Er budskabet klart? Er der en tydelig handling for brugeren? Er teksten skarp nok? Er designet troværdigt? AI kan hjælpe dig frem, men den kan ikke alene sikre, at websitet sælger.
Step 4: Brug Adobe Firefly til assets og visuelt indhold
Når siden begynder at tage form, kommer næste udfordring: assets.
Mange websites bliver svagere, fordi billeder, baggrunde, ikoner eller grafiske elementer ikke hænger sammen med resten af designet. Her kan Adobe Firefly være et stærkt værktøj, især hvis du allerede arbejder i Adobes økosystem.
Firefly kan bruges til at skabe billeder, baggrunde, grafiske elementer og visuelle variationer, der passer bedre til en bestemt stil. Det kan også bruges til at udvide billeder, fjerne elementer eller skabe mere sammenhængende visuelt materiale.
Det gør Firefly særligt relevant i den sidste del af designprocessen, hvor du har brug for assets, der understøtter websitet i stedet for bare at fylde plads ud.
Men også her skal du være kritisk. AI-genererede billeder kan hurtigt komme til at se kunstige, generiske eller for polerede ud. De skal passe til brandet og målgruppen. Et website for en lokal rådgiver, en kreativ kursusplatform eller en B2B-virksomhed kræver ikke nødvendigvis samme visuelle stil.
Firefly skal derfor bruges med retning. Ikke bare til at lave “noget flot”, men til at skabe materiale, der understøtter helheden.
Sådan får du AI-værktøjerne til at arbejde sammen
Den bedste AI-designproces handler ikke om at bruge flest mulige værktøjer. Den handler om at bruge de rigtige værktøjer på det rigtige tidspunkt.
ChatGPT er stærkt til strategi, idéer, målgruppe, tekst og struktur. Midjourney er stærkt til visuel inspiration og moodboards. Figma er stærkt til wireframes, design og brugerrejse. Framer er stærkt til at bygge og publicere. Firefly er stærkt til assets og visuelle justeringer.
Når du bruger værktøjerne i den rækkefølge, bliver processen mere logisk. Du starter med at forstå opgaven, finder en retning, designer strukturen, bygger websitet og afslutter med visuelt indhold, der passer til helheden.
Det er også her, mange begår fejlen. De starter direkte i et AI-værktøj, får noget der ser imponerende ud, og prøver derefter at få strategi, indhold og brugerrejse til at passe bagefter. Det er den forkerte vej rundt.
AI fungerer bedst, når det forstærker en god proces. Ikke når det skal redde en dårlig proces.
Typiske fejl når man bruger AI til webdesign
Den første fejl er at lade AI bestemme for meget. Hvis du ukritisk accepterer det første forslag fra ChatGPT, Midjourney eller Framer, ender du ofte med noget, der ligner alt andet.
Den anden fejl er at glemme målgruppen. Et website skal ikke bare se moderne ud. Det skal tale til de rigtige mennesker og få dem til at gøre noget konkret.
Den tredje fejl er at undervurdere tekst. Mange AI-designs ser flotte ud visuelt, men budskabet er uklart. Hvis læseren ikke hurtigt forstår, hvad du tilbyder, hvorfor det er relevant, og hvad næste skridt er, mister du konverteringen.
Den fjerde fejl er at springe mobilvisningen over. AI kan hjælpe med layout, men du skal stadig teste, hvordan siden fungerer på en telefon. Det er ofte på mobil, at dårlige designbeslutninger bliver tydelige.
Den femte fejl er at tro, at AI fjerner behovet for faglighed. I virkeligheden gør AI det modsatte. Når alle kan producere hurtige forslag, bliver evnen til at vælge, forbedre og færdiggøre endnu vigtigere.
Hvem bør lære at bruge AI i designprocessen?
AI i designprocessen er relevant for flere end klassiske webdesignere.
Det er relevant for marketingmedarbejdere, der skal kunne lave kampagnesider, idéoplæg og visuelt indhold hurtigere. Det er relevant for selvstændige, der vil forstå, hvordan man bygger bedre websites uden at starte helt fra nul. Det er relevant for designere, der vil bruge AI som en del af deres professionelle workflow. Og det er relevant for virksomheder, der vil gøre deres kreative processer mere effektive.
Det vigtigste er ikke, om du allerede er ekspert i alle værktøjerne. Det vigtigste er, at du lærer en praktisk metode, hvor AI bliver brugt med formål.
Hvis du gerne vil arbejde konkret med ChatGPT, Midjourney, Figma, Framer og Firefly i én samlet proces, kan du læse mere om vores webdesign med AI-kursus i København.
Fra idé til færdigt website med AI
AI kan gøre designprocessen hurtigere, men det gør ikke automatisk dit website bedre. Det kræver stadig en klar idé, en stærk struktur, godt indhold, visuel sammenhæng og en forståelse for brugeren.
Den store fordel ved AI er, at du kan komme hurtigere fra tanke til test. Du kan afprøve flere vinkler, skabe flere visuelle retninger, skrive bedre førsteudkast og bygge hurtigere prototyper.
Men den bedste proces opstår, når AI og faglighed arbejder sammen. AI giver tempo. Du giver retning.
Derfor bør målet ikke være at “lade AI lave et website”. Målet bør være at bruge AI til at skabe et bedre website hurtigere.
Vil du lære hele processen praktisk fra idé til færdigt website, kan du se mere om kurset her:
Sådan arbejder du med webdesign og AI hos Mentaro
