Ett designverktygs roll i samarbetet mellan designers och utvecklare: En kvalitativ studie om hur Figma används i samarbeten mellan designers och utvecklare

Sammanfattning: Inom utveckling av mjukvaruprodukter kan samarbete ofta ske mellan designers och andra tekniska intressenter, såsom utvecklare. En förekommande process under samarbetet är en s.k. handoff, där design överlämnas från designers till utvecklade för att implementera denna i kod. Samarbetet mellan designers och utvecklare kan nuförtiden ske mer tillsammans och vara iterativt. Trots detta kan det finnas flera utmaningar inom samarbetet, såsom att försöka genomföra en exakt omvandling från design till kod. Andra sammanbrott (breakdowns) kan riskera att ske i samarbetet. Ett verktyg som kan användas inom design men som även erbjuder exportering av element och omvandling till kod är Figma. Verktyget beskrivs vara lämpligt för kollaboration, bland annat för designers och utvecklare. Figma menar att designer-utvecklare handoffs kan bli så lätt som en “handskakning”. I det här examensarbetet undersöks vilket roll Figma kan spela i samarbetet mellan just dessa två grupper, och huruvida Figmas verkliga användning skiljer sig från den som beskrivits. Studien försöker besvara hur Figma används i designer-utvecklare samarbetet i slutet av designprocessen och under konstruktionsprocessen, där konstruktionsprocess innebär där implementationen sker, detta enligt egen uppfattning. Semistrukturerade, digitala intervjuer genomfördes med tre designers och fyra utvecklare från företag i Sverige. De flesta deltagarna arbetade på olika företag. Affinitetsdiagram användes för analys. Resultatet visade att designers och utvecklare brukar använda Figma genom designprocessen, men även i skärningspunkten mellan design- och konstruktionsprocessen; designers skapar guidelines i designsystemet och kommentarer för att dela information med utvecklarna. Utvecklarna granskar och godkänner designers skapelser innan de läggs in i designsystemet, eller skapar komponenter själva. Designsystemet kan i sin tur fungera som en mall för utvecklarna när de ska börja koda. Det framgick även att andra faktorer kan spela roll i samarbetet, såsom mänskliga faktorer. Båda parterna använder Figma för att kommunicera med varandra skriftligt och visuellt, bland annat genom kommentarsfunktionen, prototyper och designsystem. Efter diskussion om resultaten visar det sig att Figma används under handoffs, men inte exklusivt. Verktyget kan dessutom användas för mer än att skapa gränssnitt. Det visar sig även att Figma på olika sätt kan främja designers och utvecklare i att tala samma språk; till exempel finns en del namn i Figma som liknar kodspråk. Å andra sidan såg deltagarna rum för förbättring i detta område då det fortfarande finns en del namn och funktioner i Figma som skiljer sig från kodspråk. En annan förekommande utmaning med samarbetet i Figma var synkronisering mellan designers och utvecklares representationer, det vill säga det som designers skapar och det som utvecklare skapar. Med andra ord upplevdes det svårt att fånga upp förändringar som gjorts i Figma eller i kodmiljön, och se till att det finns endast en sanningskälla. Slutsatsen är att Figma används i en kollaborativ designprocess för att kommunicera hur designen bör fungera och se ut visuellt. I konstruktionsprocessen används Figma för att granska olika designartefakter och inspektera designsystemet i Figma, vilka agerar utgångspunkter vid implementation.