Designere ved laptopene sine i et møterom i Oslo, en kursholder ved to store skjermer.
Case study

AI for designere i Gjensidige

I høst har vi holdt et kurs i tre moduler for designmiljøet i Gjensidige, fra Oslo og København.

Christian von Hanno4 min lesing

Designerne gikk fra eget researchmateriale til testede prototyper bygget med ekte komponenter. Det var mulig fordi Gjensidige har et designsystem AI-agenter kan lese, og en harness rundt det. Her er hva de har bygget, hvordan kurset brukte det, og hva deltakerne sa.

Utgangspunktet

Gjensidige har over 70 designere fordelt på tribes, squads og to land. I august møtte vi designsystem-teamet og chapter leads for å planlegge kurset. Etter to timer skrev vi om planen.

Designmiljøet var lenger framme enn bestillingen la opp til. Designsystemet, Builders, var dokumentert og koblet til kode. Designerne hadde tilgang til AI-modeller gjennom et oppsett selskapet hadde godkjent, med et månedlig budsjett hver. Noen hadde begynt å jobbe med AI-agenter på egen hånd.

Det de manglet, var et felles nivå. Noen designere brukte agenter hver dag, og mange hadde aldri åpnet en. Gjensidige ville at alle skulle lære samme arbeidsmåte, samtidig, på sine egne verktøy.

Harnessen

En harness er alt rundt modellen som avgjør hva en AI-agent kan se, bruke og gjøre: verktøyene, konteksten, tillatelsene og koblingene til andre systemer. Gjensidige har bygget en for designerne sine.

  • Trygg tilgang til modellene. Alle designerne jobber i OpenCode med selskapets egen modelltilgang. Ingen måtte ta med en privat konto eller lure på hva de fikk lov til å bruke.
  • Et designsystem AI-agenter kan lese. Builders-teamet har skrevet en skill: et sett instruksjoner som forteller agenten hvordan den skal bygge med komponentene som allerede finnes.
  • Koblinger til verktøyene designerne bruker. Agenten kan lese fra og skrive til Figma, og hente prosjekter fra GitHub.
  • Guider og et sted å spørre. Oppsettsguider på den interne Builders-siden, og en Slack-kanal der designerne hjelper hverandre.
  • Egne champions. Folk i designmiljøet vedlikeholder oppsettet og utvikler det videre. De underviste også deler av kurset selv, fra både Oslo og København.

Få bedrifter vi møter, har alt dette. Mange kjøper lisenser og overlater resten til hver enkelt ansatt.

BUILDERS-BIBLIOTEKETkomponenteneOPENCODEagentenSKJERMENdet agenten byggerUten skillen:former som bareligner komponenter1  Uten skillen:former som bareligner komponenterBuilders-skillenlastes inn i OpenCode2  Builders-skillenlastes inn i OpenCodeOpenCode henter de ekte komponentenefra Builders-biblioteket3  OpenCode henter de ekte komponentenefra Builders-biblioteketVis alle stegSpill av stegene
Builders-skillen får agenten til å bygge med komponentene som allerede finnes.

Hva designsystemet gjør for agenten

Uten designsystemet må agenten gjette. Ber du den om en knapp, tegner den en ny knapp som ligner på Gjensidiges, i stedet for å bruke den som allerede finnes. Det ser riktig ut på skjermen, men det er en kopi. Utviklerne kan ikke bruke den, og noen må bygge alt på nytt med de ekte komponentene.

Med Builders-skillen lastet inn velger agenten komponenten som allerede finnes, i riktig variant og med riktig navn. En prototype laget på en ettermiddag er bygget av de samme komponentene som Gjensidiges produkter. Designeren kan bruke tiden på ideen, og en utvikler kjenner igjen det hen ser på. Når prototypen går inn i Figma, er rammene laget av komponenter fra biblioteket.

Skillen har én eier. Når agenten gjør noe feil, sier designerne fra til Builders-teamet, teamet oppdaterer skillen, og alle designerne får forbedringen. Arbeidet til ett team hever kvaliteten på det alle designerne lager med AI.

Alle bedrifter har tilgang til de samme modellene. Det designerne i Gjensidige får ut av dem, kommer fra designsystemet og harnessen rundt.

Kurset

Kurset gikk over tre moduler på tre timer, i september, oktober og november, med noen uker mellom hver. Jeg holdt det sammen med Line Hjartarson, og vi fulgte Gjensidige sin egen designprosess.

I første modul brukte designerne AI på eget researchmateriale og gjorde intervjuer om til innsikt. I den andre bygget de prototyper på Builders-komponenter og skrev egne skills. I den tredje testet de prototypen i nettleseren, tok den inn i Figma og brukte et prosjekt fra Gjensidiges GitHub i prototypen sin.

En kursholder foran et lysbilde med tittelen Your project folder.
Alt i prosjektmappen er kontekst for agenten.

Ett case gikk gjennom alle tre modulene: en løsning som hjelper designere i Gjensidige å finne riktig kollega å sparre med på tvers av tribes og squads. Designerne var selv brukerne, så alle kunne teste en idé på den som satt ved siden av.

Alt lå i ett kursdokument på nett, med agendaen, øvelsene og promptene. Det samme dokumentet har en presentasjonsmodus, så det vi viste på skjermen, var den samme teksten deltakerne hadde foran seg.

En kursholder viser en prototype på én skjerm, med rommet i København på den andre.
En prototype av caset til venstre, rommet i København til høyre.

Bygget sammen med Gjensidige

Gjensidige satte seg ned med oss rett etter hver modul. De samlet inn svar fra deltakerne og gikk gjennom kursdokumentet sammen med oss, del for del. Hver modul ble formet av det vi lærte av den forrige.

Ut av det arbeidet kom en fast rytme for hver del av dagen: vi viser, deltakerne gjør det selv, og så deler de.

To deltakere ser på én laptop og snakker sammen.
Deling i par etter en øvelse.

Hva deltakerne sa

Gjensidige gjennomførte en evaluering etter hver modul. Hver gang svarte rundt ni av ti at de kommer til å bruke det de lærte.

Det de likte best, var kursdokumentet de kan gå tilbake til, blandingen av teori og praktisk arbeid, å bygge med ekte komponenter, og å lære sammen som ett designmiljø på tvers av land.

All in all, super happy with all I've learned and how we as a design community can keep growing together.
Designer i Gjensidige, kursevaluering
Well structured course and clear course material made available. I like being able to go back to the documentation, learning and applying it to my projects.
Designer i Gjensidige, kursevaluering

Tusen takk til designteamet i Gjensidige for et veldig godt samarbeid.


Vibelabs holder kurs og workshops som dette for team som vil jobbe smartere og mer effektivt med AI. Om det virker interessant, les mer om kurs for bedrifter eller ta kontakt.

Ta kontakt

Christian von Hanno

Co-founder

Lurer du på noe etter å ha lest dette? Christian svarer gjerne.

Send en e-post LinkedIn