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
  1. Gå inn i filen
  1. Klikk på pila ved siden av navnet på filen og velg «Create branch...»
  1. Gi branchen et kort navn som beskriver endringene du tenker å gjøre og klikk på «Create»
  1. Du har laget en ny branch, og kan sette i gang med å lage endringsforslaget ditt!

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

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»
  1. Under «Reviewers», legg til Andrea Lysbakken og Anders Johnsen fra designsystem-teamet ved å klikke på «Add»

  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 har tid. Du får beskjed når endringene dine blir publisert ut i designsystemet

Branching i Figma er fortsatt nytt – og litt ustabilt. Derfor er det viktig at bare designsystem-teamet «merger» inn branchene foreløpig

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.