Google Stitch: Fra wireframes til AI-drevet vibe-design

Design begyndte engang med kasser. Wireframes, gitre, omhyggelig justering. Google ønsker at smide den tilgang ud af vinduet.

Med den seneste opdatering til Stitch, det eksperimentelle AI-designværktøj skjult i Google Labs, satser virksomheden hårdt på noget langt mindre rigidt: det, de kalder vibe-design. I stedet for først at skitsere layouts starter du med en følelse. Et humør. En retning, der endnu ikke er fuldt formet. Systemet klarer resten.

Det er et subtilt skifte — men et, der antyder, hvordan AI omformer de tidligste faser af produktdesign og UI-design.

Når design starter med en følelse

Stitch kunne allerede generere brugergrænseflader (UI) ud fra tekstkommandoer. Det betragtes nu som standardfunktionalitet. Den nye tilgang går videre ved at lade designere beskrive intention i mere abstrakte termer — noget nærmere kreativ instinkt end teknisk planlægning.

Tænk mindre i vendinger som "byg mig et dashboard med tre paneler" og mere i retningen af "lad det føles roligt, minimalistisk og fokuseret". Stitch oversætter den stemning til konkrete, anvendelige interface-idéer og fortsætter med at iterere, mens du præciserer retningen.

Hvad er 'vibe-design'?

Begrebet vibe-design prioriterer stemning, tonalitet og oplevelse frem for tidlige strukturelle beslutninger. I praksis betyder det, at designerens første input kan være emotionelle eller æstetiske parametre — farvepalet, visuel tyngde, luft mellem elementer — frem for en stiv skitse af komponentplaceringer. For UX-teams og produktdesignere åbner det for hurtigere konceptuelle eksperimenter, hvor flere visuelle retninger kan testes sideløbende uden at låse sig fast i detaljer.

Dette er særligt relevant for moderne produktudvikling, hvor markedsføring, brand og brugeroplevelse ofte skal harmonere. At starte med en følelse hjælper med at sikre, at UI-designet stemmer overens med en bredere brandstrategi — og AI kan skære ned på den manuelle omsætning fra koncept til layout.

Det uendelige AI-canvas

Motoren bag denne ændring er et redesignet interface omkring det, Google kalder et uendeligt AI-canvas. Det er nøjagtigt, hvad det lyder som: et fleksibelt arbejdsrum, hvor idéer ikke behøver at passe ind i foruddefinerede rammer. Tekst, billeder og endda kode kan sameksistere og udvikle sig i takt med projektets vækst.

Canvaset tillader, at elementer kan flyttes, skaleres og omdannes uden at bryde designets kontekst. For teams betyder det færre overføringsfejl mellem konceptuelle prototyper og højere-fidelitet mockups, fordi konteksten bevares og kan genbruges af designagenterne.

Samtalestyret design med Gemini Live

Det passive lærred er erstattet af en samtalebaseret arbejdsform. Drevet af Gemini Live bliver canvaset konverserende: du kan bogstaveligt talt tale med det. Bed om alternativer. Anmod om farveændringer. Få det til at genoverveje hele flow midt i processen.

Praktisk set betyder det, at designeren kan skrive eller sige kommandoer som "vis mig tre menuversioner" eller "gør dette mere levende", hvorefter systemet reagerer øjeblikkeligt og justerer designet i realtid. Denne interaktion mindsker tiden mellem ideation og visuel afprøvning og øger tempoet i iterativt arbejde.

Derudover understøtter en samtalebaseret tilgang multimediale input — du kan trække billeder, tekststykker eller målsætninger ind i dialogen og lade AI'en syntetisere dem til nye UI-forslag. For designere, produktchefer og marketingfolk bliver dette en fælles grænseflade for kreativt samarbejde.

En AI, der ikke bare genererer—den samarbejder

En af de mest interessante tilføjelser er en designagent, som følger dit projekt fra grov idé til fungerende prototype. Den genererer ikke blot skærmbilleder — den analyserer beslutninger, holder styr på kontekst og tilbyder feedback undervejs.

Ved at fastholde kontekst kan agenten genkende tidligere valg (f.eks. valgte farvepaletter, typografi og interaktionsmønstre) og bruge dem konsekvent i nye skærmbilleder, hvilket mindsker inkonsistens i UI-designet. Agenten fungerer samtidig som en slags hukommelse i teamet: nye medlemmer kan hurtigere forstå designintentioner, fordi agenten kan opsummere beslutningshistorik.

Designagent og Agent Manager

Sammen med designagenten følger et Agent Manager-værktøj, der minder om en kontroltårnsløsning til komplekse projekter. Flere idéer, parallelle udforskninger, forskellige retninger — alt bliver sporet og organiseret uden at miste tråden. For teams der jonglerer med mange iterationer, kan dette alene spare betydelige arbejdstimer.

Agent Manager gør det muligt at oprette separate agent-instansser for tværfunktionelle opgaver: én agent kan fokusere på brand- og visuel konsistens, en anden på tilgængelighed og UX-flow, mens en tredje tester teknisk implementerbarhed. Hver agent kan tilpasse sine forslag ud fra projektets definerede KPI'er og retningslinjer.

Designsystemer og DESIGN.md

Der er også en praktisk dimension til denne kreativitet. Stitch kan nu udtrække et komplet designsystem fra enhver URL, effektivt ved at reverse-engineere visuelle regler fra eksisterende produkter. Kombineret med det nye DESIGN.md-filformat får du et bærbart sæt designinstruktioner, der kan flyttes mellem værktøjer uden friktion.

Et DESIGN.md-format fungerer som en maskin- og menneskelæselig kontrakt: det beskriver komponentstilarter, spacing-regler, farvevariable, typografi og interaction patterns i et struktureret tekstformat. Når et designsystem kan eksporteres og importeres nemt, mindskes vendor-lock-in, og teams kan arbejde tværplatformet uden at starte forfra.

Denne funktion har betydelige konsekvenser for enterprise-arbejdsgange, hvor konsistens på tværs af produkter er kritisk, og hvor mange udviklings- og designteams skal samarbejde tæt. Automatiseret ekstraktion af designsystemer kan accelerere audits, redesigns og brandmigrationer.

Prototyping: Fra statisk preview til levende flows

Prototyping er blevet mere dynamisk. Statisk mockups er kun begyndelsen — tryk på "Play", og Stitch kortlægger interaktive flows, forudsiger næste logiske skridt i en brugerrejse og simulerer tilstandsskift. Det er mindre som at forhåndsvise et design og mere som at se det vække til live.

Det betyder, at test af brugerrejser og tidlig brugertest kan udføres på et langt mere realistisk grundlag uden at involvere fuld udviklingsindsats. For produktteams reducerer det barriererne for at validere antagelser om UX og flow, hvilket igen kan forkorte feedback-loops og forbedre kvaliteten af endelige implementeringer.

Integrationer, MCP-server og SDK

Under overfladen åbner Google også døren for dybere integrationer. Gennem sin MCP-server og SDK kan Stitch forbinde med eksterne AI-værktøjer som Cursor eller Gemini CLI, og forvandle platformen til noget nærmere et kreativt hub end en isoleret app.

Det betyder, at teams kan strække Stitch-funktionalitet med specialiserede AI-pipelines, automatiserede testværktøjer eller CI/CD-integrationer. For udviklere og tekniske designere muliggør SDK'en tilpasninger, der kan forbinde designflows direkte til kodearkiver, dokumentation eller produktionsbyggesystemer.

Tekniske implikationer og datahåndtering

Med øget funktionalitet følger nødvendigheden af robuste datahåndteringspraksisser. Når Stitch trækker et designsystem fra en URL eller integrerer med eksterne AI-tjenester, rejser det spørgsmål om ophavsret, datasikkerhed og governance. Teams bør etablere klare retningslinjer for, hvordan eksterne kilder bruges, hvordan designmæssige beslutninger versioneres, og hvordan følsomme brandaktiver beskyttes.

Derudover bør organisationer overveje sporbarhed i beslutningsprocessen: hvilke agent-beslutninger var automatiske, hvilke var menneskelige, og hvordan kan man gennemgå disse valg i forbindelse med compliance eller designgennemgang.

Adoption, læringskurve og arbejdsgange

Det er stadig tidligt. Stitch er et eksperimentelt produkt, og mange spørgsmål står ubesvarede omkring, hvordan designere rent faktisk vil adoptere denne arbejdsform. Nogle designere foretrækker håndlavede wireframes som et struktureret tankeeksperiment, mens andre vil omfavne den fleksibilitet, AI tilbyder.

Adoption vil sandsynligvis afhænge af følgende faktorer:

• Integration med eksisterende værktøjer og workflows (Figma, Sketch, osv.).
• Tillid til AI's beslutninger og muligheder for at overstyre eller forklare valg.
• Organisationens modenhed omkring designopsætning og -governance.
• Uddannelse og træning i at bruge agentbaserede arbejdsgange effektivt.

For større virksomheder kan en gradvis implementering, hvor Stitch bruges til tidlig konceptudvikling og A/B-test af visuelle retninger, være den mest pragmatiske vej. Mindre startups kan eksperimentere mere aggressivt og bruge værktøjet til at hurtigt validere produkt-æstetik og brugerrejser.

Et perspektiv på fremtidens UI-design

Retningen er klar: fremtidens UI-design behøver ikke begynde med struktur. Det kan begynde med en vibe — og lade AI håndtere konverteringen fra stemning til struktur. For produktteams betyder det mulighed for hurtigere ideation, tættere integration mellem brand og UX, og potentiale for mere sammenhængende, skalerbare designsystemer.

Samtidig rejser det spørgsmål om faglig identitet: hvad betyder det at være designer i en verden, hvor AI kan generere layout, interaktion og visuel identitet i løbet af få minutter? Svaret ligger nok i at flytte fokus fra rutinemæssig produktion til strategisk beslutningstagning: at definere retning, tolke data, styre kompleksitet og sikre, at design forbliver menneskeligt relevant.

Det er et skift i værktøjssættet, ikke nødvendigvis i målet. Målet forbliver at skabe intuitive, effektive og æstetisk tilfredsstillende brugeroplevelser — men metoderne til at nå dertil bliver mere samarbejdsorienterede, datasupporterede og kontekstbevidste takket være generativ AI og platforme som Stitch.

Det kan godt være, at fremtidens UI-design starter med en stemning. Men vær sikker på, at teknologien omkring den stemning bliver designernes stærkeste partner til at gøre den konkret, sammenhængende og implementerbar.