Morningdraft
Et AI understøttet Figma-plugin til Morningtrains salgsfase
Morningdraft er et konceptuelt Figma-plugin udviklet som bachelorprojekt i samarbejde med Morningtrain og i et team på tre digitale konceptudviklere.
Projektet tog udgangspunkt i Morningtrains indledende salgsfase, hvor gentageligt arbejde kunne reduceres uden at fjerne den menneskelige vurdering. Resultatet blev et AI-understøttet workflow, der omsætter information fra kundens eksisterende website til et redigerbart designudkast direkte i Figma.
UI/UX designer · 2 måneder
Research, interviews, konceptudvikling, brugerflows, UI-design, prototyping og test
02 / LØSNINGEN
Fra kundens website til et redigerbart designudkast
Morningdraft blev udviklet som et Figma-plugin, der samler den tidlige salgs- og designproces tæt på det værktøj, designet allerede skal ende i.
Sælgeren starter med kundens eksisterende website. Herfra analyserer løsningen visuel retning, indhold og struktur, før sælgeren kvalificerer outputtet og genererer et redigerbart designudkast i Figma.
03 / RESEARCH
Researchen pegede på salgsfasen som det rigtige sted at starte
Projektet tog ikke udgangspunkt i, at AI nødvendigvis skulle implementeres. Først undersøgte vi Morningtrains eksisterende arbejdsgange gennem blandt andet interviews, observationer og service mapping.
Researchen pegede på den indledende salgsfase som et relevant område, hvor gentageligt arbejde kunne reduceres uden at fjerne aktiviteter, der bidrog til kvalitet, kundetilpasning og menneskelig vurdering.
Det betød, at konceptet ikke blev designet som et separat AI-værktøj, men som en løsning der kunne integreres i Figma og understøtte det eksisterende workflow.
Understøt processen
Teknologien skulle reducere gentageligt arbejde uden at fjerne aktiviteter, der bidrog til kvalitet og kundetilpasning.
Integrér i Figma
Løsningen skulle passe ind i den eksisterende arbejdsgang frem for at introducere endnu et separat værktøj.
Bevar menneskelig kontrol
AI-output skulle fungere som et udgangspunkt, der kunne vurderes og tilpasses før præsentation for kunden.
04 / DESIGNBESLUTNINGER
AI blev placeret som ét led i et kontrolleret workflow
Morningdraft blev ikke tænkt som én prompt, der genererer et færdigt website. I stedet blev AI, automatisering og Morningtrains komponentbibliotek koblet sammen i et workflow, hvor forskellige teknologier løser forskellige dele af opgaven.
Automatisering håndterer strukturerede og gentagelige processer, mens AI bruges til at analysere, klassificere og generere forslag. Resultatet føres tilbage til Figma som et redigerbart designgrundlag, der kan vurderes og tilpasses.
Som en del af konceptudviklingen blev forskellige tekniske muligheder undersøgt for at vurdere, hvordan løsningen kunne indgå i Morningtrains eksisterende workflow.
05 / TEST & ITERATION
Testen gjorde workflowet mere overskueligt
Morningdraft blev udviklet fra tidlige flows og LoFi-prototyper til en interaktiv HiFi-prototype, som blev testet med fem deltagere.
Alle fem gennemførte det overordnede flow uden hjælp. Testen viste samtidig steder, hvor interfacet kunne give tydeligere overblik og mere kontrol.
Testene førte til konkrete ændringer i både informationsarkitekturen og den visuelle struktur. Sitemap og styleguide blev justeret på baggrund af feedback, så løsningen blev enklere og mere konsistent.
Iterationerne samlede sig især om enklere komponentvalg, tydeligere redigering og mere kontrol over AI-outputtet.
06 / RESULTAT
Et testet koncept – ikke en dokumenteret effektmåling
Projektet resulterede i en testet prototype på et AI-understøttet workflow, der kan omsætte information fra kundens eksisterende website til et redigerbart designudkast i Figma.
Den forventede værdi lå i at reducere gentageligt arbejde i den indledende salgsfase og give sælgeren et kvalificeret udgangspunkt for videre vurdering og tilpasning.
Projektet blev ikke implementeret i produktion og dokumenterer derfor ikke en faktisk tidsbesparelse eller anden målbar forretningseffekt.
Website-URL som startpunkt
Sælgeren starter med kundens eksisterende website som datagrundlag for analysen.Samlet styleguide
Analysen omsættes til et redigerbart udgangspunkt for typografi, farver og komponenter.Farver kan kvalificeres
Farvevalg kan justeres med mere kontrol, før designudkastet genereres.Typografi kan vælges
Body-typografi kan vurderes og skiftes, så outputtet matcher kundens retning.Komponentregler bliver konkrete
CTA'er, cards og billedkomponenter gøres til konkrete valg i stedet for abstrakte prompts.Sitemap strukturerer indholdet
Indhold og komponenter organiseres i en sitemap-struktur før generering.Prompts kan finjusteres
Sælgeren kan redigere indhold, subheading og CTA direkte i flowet.Designudkastet er klar
Flowet ender i et redigerbart designudkast, som kan vurderes videre i Figma.07 / REFLEKSION
Værdien af AI ligger ikke i at automatisere mest muligt
Morningdraft gjorde det tydeligt for mig, at AI først skaber reel værdi, når dens rolle og begrænsninger er tydelige i det samlede produktsystem.
Den vigtigste designbeslutning var derfor ikke at automatisere mest muligt, men at placere AI som et kvalificerende led i et workflow, hvor menneskelig vurdering stadig bevares.
Hvis projektet skulle videre, ville næste skridt være at validere workflowet i en mere realistisk salgssituation og undersøge, hvordan sælgerens tilpasninger påvirker kvaliteten af det endelige designudkast.