Hopp til innhold

Guide for Figma

Under kan du lese mer om hvordan du bidrar til designsystem-bibliotekene i Figma

Opprett branch

Når du skal lage forslag til endringer eller nye komponenter i designsystemet i Figma, er det viktig at du først lager en ny «branch». Det er en kopi av designsystem-fila, som du kan gjøre endringene dine på, og som designsystem-teamet kvalitetssikrer før endringene «merges» (slås sammen med hovedfila) og publiseres ut i biblioteket.

Et godt tips er å heller lage flere små brancher som kan merges inn fortere, enn større brancher som blir liggende lenge, for å unngå «unødvendige» merge-konflikter.

Gjør dette for å opprette en ny branch:

  1. Finn designsystem-filen du vil gjøre endringene i
Skjermbilde av Designsystemprosjektet i Figma
  1. Gå inn i filen
Skjermbilde av filen Profil og komponenter i Figma
  1. Klikk på pila ved siden av navnet på filen og velg «Create branch...»
Skjermbilde av hvordan man oppretter ny branch i Figma
  1. Gi branchen et kort navn som beskriver endringene du tenker å gjøre og klikk på «Create»
Skjermbilde av navngiving ny branch i Figma
  1. Du har laget en ny branch, og kan sette i gang med å lage endringsforslaget ditt!
Skjermbilde av Figma hvor man jobber i egen branch

Husk å dobbeltsjekke at du er inne på branchen din når du gjør disse endringene

Skjermbilde av verktøylinjen i figma hvor man ser hvilken branch man jobber i

For å gå inn i branchen igjen senere finner du bare designsystem-filen i oversikten, klikker på nedtrekkslisten som vises over filen, og velger branchen der.

Send forespørsel til designsystem-teamet

Når du har gjort endringene og er klar til å sende inn forslaget ditt:

  1. Klikk på pila ved siden av filnavnet og velg «Review and merge changes»
Skjermbilde fra Figma som viser hvor du finner «Review and merge»
  1. Under «Reviewers», legg til Ragnhild Lie, Sindre Säfvenbom og Anders Johnsen fra designsystem-teamet ved å klikke på «Add»
Skjermbilde fra Figma av «Branch review»
  1. Klikk på «Request review»

  2. Designsystem-teamet får melding om at du har lagt inn et forslag, og ser på det så fort vi kan. Du får beskjed når endringene dine blir publisert ut i designsystemet

Husk at det også må kodes

Når vi kommer med forslag til endringer eller nye komponenter i Figma-bibliotekene, må vi huske på at det også skal implementeres i komponentbiblioteket som utviklerne bruker på GitHub – og motsatt.

Dette er viktig for at bibliotekene holder seg oppdaterte og synkroniserte.

Forslagene vil ikke bli publisert i Figma-biblioteket før vi også har en kodet variant vi kan publisere i biblioteket på GitHub.

Hvis du har laget en branch med forslag til endringer eller ny komponent i Figma, kan du alliere deg meg utviklere på teamet ditt som koder samme endringer eller komponent i designsystemet på GitHub og lager en pull request som designsystem-teamet kvalitetssikrer før endringene publiseres i komponentbiblioteket.