Noen verktøy gjør jobben litt enklere. Andre endrer måten vi jobber på. Figma hører hjemme i den siste kategorien.

Ikke fordi Figma alene har revolusjonert alt. Godt design fantes lenge før Figma, og dyktige designere har alltid funnet måter å samarbeide på. Men Figma har gjort noe som har fått stor betydning for mange: Det har flyttet designarbeidet inn i et felles, skybasert rom der flere kan se, forstå, kommentere og bidra tidligere i prosessen.

For designere, UX-folk, markedsførere, innholdsprodusenter, produktteam og utviklere har Figma blitt mer enn et program. Det har blitt et arbeidsrom. Et sted der ideer kan prøves ut, bygges videre på og deles uten at alt må sendes frem og tilbake som filer, skjermbilder, PDF-er eller e-poster med «se vedlegg».

Derfor gir det mening å snakke om livet før og etter Figma.

Livet før Figma var ikke nødvendigvis dårlig. Bare tyngre.

Før Figma var mye designarbeid knyttet til lokale filer og separate programmer. Designeren jobbet i én fil. Kunden fikk kanskje en PDF. Utvikleren fikk eksporterte filer. Prosjektlederen hadde kommentarer i et dokument. Markedsavdelingen satt med en gammel versjon. Og et sted i en mappe lå sannsynligvis en fil som het noe i nærheten av:

forside_ny_final_GODKJENT_siste_siste.psd

Det er nesten rørende. Og litt traumatisk.

Problemet var ikke bare at filnavnene ble absurde. Problemet var at arbeidsflyten ofte ble tung. Design ble gjerne presentert sent. Kommentarer kom etter at mye allerede var bestemt. Utviklere måtte tolke statiske skisser. Innholdsfolk ble koblet på for sent. Kunder og ledere kommenterte ofte på smak, fordi de ikke alltid fikk se hvordan løsningen faktisk skulle fungere i bruk.

Det fungerte, selvfølgelig. Mange gode nettsider, kampanjer og digitale produkter ble laget på denne måten. Men prosessen kunne bli mer lineær enn den trengte å være: Først idé, så design, så presentasjon, så tilbakemelding, så ny versjon, så godkjenning, så overlevering, så nye spørsmål og nye justeringer.

Litt som å bygge et hus ved å sende plantegningen frem og tilbake som vedlegg, mens alle lurer på om de ser på siste versjon.

Figma gjorde designprosessen mer levende

Med Figma flyttet mye av designarbeidet inn i nettleseren og inn i samme fil. Det høres kanskje ikke dramatisk ut, men det endrer faktisk dynamikken i et prosjekt.

Når flere kan se og kommentere direkte i designet, skjer samarbeidet tidligere. Designeren trenger ikke vente til alt er «ferdig» før resten av teamet får se. Utvikleren kan forstå strukturen mens den bygges. Markedsføreren kan se hvordan budskapet fungerer i layouten. Kunden kan kommentere på riktig sted, i riktig kontekst.

Det betyr ikke at alle skal designe, men at flere kan forstå designarbeidet bedre. Og det er en stor forskjell.

Figma har gjort det enklere å jobbe med nettsider, apper, prototyper, wireframes, designsystemer, landingssider, kampanjemateriell, SoMe-maler og visuell produksjon i samme type arbeidsflyt. Det gjør verktøyet relevant for langt flere enn den klassiske UI-designeren.

Vi kjenner dette godt selv. Da IGMs nye nettsider skulle utvikles, ble mye av designarbeidet formet i Figma før det ble realisert på nett. Det ga oss et felles rom for å diskutere struktur, uttrykk, innhold og brukeropplevelse – lenge før sidene var ferdig bygget.

Det er kanskje den største forskjellen: Figma gjør designarbeidet lettere å se sammen.

Vil du lære Figma fra start?
Da er Figma grunnkurs – design for web, sosiale medier og digitale flater et naturlig sted å begynne. Her lærer du grunnleggende bruk av Figma i praktisk arbeid med design for digitale flater.

Fra «se for deg at dette virker» til «prøv det selv»

En av de viktigste forskjellene er prototyping.

Før måtte design ofte forklares. «Når brukeren klikker her, skjer dette.» «Denne menyen skal åpne seg sånn.» «Her kommer neste steg.» Alle nikket. Noen forstod. Noen trodde de forstod. Noen ventet bare på lunsj.

I Figma kan du i stedet lage en klikkbar prototype. Du kan vise flyten, la folk prøve den og se om strukturen gir mening før alt er ferdig utviklet. Det gjør samtalene bedre, fordi diskusjonen plutselig handler mindre om smak og mer om funksjon: Finner brukeren frem? Er budskapet tydelig? Er det logisk hva man skal gjøre videre? Fungerer dette på mobil? Støtter designet målet vi faktisk har?

Det er her Figma blir mer enn et designverktøy. Det blir et verktøy for bedre faglige samtaler.

Figma har gjort det enklere å delta

Figma har også senket terskelen for å komme tett på designprosessen.

Tidligere kunne designverktøy oppleves lukkede og tekniske for alle som ikke jobbet med design til daglig. Man måtte ha riktig program, riktig lisens, riktig fil, riktig maskin og helst riktig selvtillit. For mange utenfor designmiljøet ble design noe man fikk presentert, ikke noe man var med på å utvikle.

Figma gjør det enklere å åpne, se, kommentere og forstå. Men dette er viktig: Det betyr ikke at godt design har blitt enkelt. Det betyr ikke at fagkompetanse er mindre viktig. Snarere tvert imot.

Når flere får tilgang til verktøyene, blir det enda viktigere å forstå prinsippene bak godt design. Typografi, hierarki, kontrast, avstand, fargebruk, komposisjon, responsivitet, brukerflyt og samspillet mellom innhold og form forsvinner ikke fordi verktøyet er mer tilgjengelig.

Figma gjør det lettere å produsere, men fagkunnskap avgjør fortsatt om det du lager faktisk fungerer.

Fra visuell variasjon til felles språk

En av de største styrkene i Figma er muligheten til å jobbe strukturert med designsystemer.

Et designsystem kan høres tørt ut. Litt som noe som bor i et regneark og nekter å gå hjem. Men i praksis handler det om noe veldig konkret: å skape orden.

Hvordan ser knappene våre ut? Hvilke farger bruker vi? Hvordan fungerer skjemaer? Hvordan skal typografien være? Hvor mye luft skal vi ha mellom elementer? Hva er standard, og hva er unntak?

Når slike valg samles i komponenter, stiler, variabler og biblioteker, slipper teamet å starte på nytt hver gang. Nye sider og skjermbilder kan bygges raskere. Uttrykket blir mer konsistent. Merkevaren blir tydeligere. Og når noe skal endres, kan man oppdatere systemet i stedet for å jakte på gamle varianter i tilfeldige filer.

For organisasjoner som jobber med mange digitale flater, er dette gull. Ikke bare fordi det sparer tid, men fordi det gir bedre kvalitet og mer kontroll.

Skal du jobbe mer profesjonelt med layout og malverk?
Da passer kurset Design layout og malverk med Figma godt. Kurset gir en praktisk inngang til struktur, grid, typografi, komponenter og maler for digitale og visuelle flater.

Figma er ikke bare for UX-designere

Mange forbinder fortsatt Figma med UX- og UI-design. Det er forståelig. Verktøyet er sterkt på brukergrensesnitt, prototyping, wireframes og digitale produkter. Men bruken har blitt bredere.

For markedsførere og kommunikasjonsfolk kan Figma være nyttig i arbeidet med kampanjer, landingssider, annonser, SoMe-maler, presentasjoner, innholdsplanlegging og visuelt materiell. Ikke nødvendigvis fordi alle skal sitte og designe alt selv, men fordi det blir lettere å samarbeide med designere og forstå hvordan tekst, bilde, layout og brukerreise henger sammen.

I moderne markedsføring må budskap, design, kanal og brukerreise spille på lag. Annonsen må skape riktig forventning. Landingssiden må følge opp. Det visuelle uttrykket må være gjenkjennelig. Brukeren må skjønne hva neste steg er.

Figma gjør det enklere å se dette samlet. Og det er kanskje nettopp derfor verktøyet har blitt så nyttig på tvers av fagområder: Det samler design, innhold, brukeropplevelse, teknologi, merkevare og markedsføring i én mer konkret prosess.

Vil du bruke Figma til grafikk og visuell produksjon?
På Figma Draw – Grunnkurs lærer du å lage grafiske elementer, illustrasjoner og visuelle detaljer direkte i Figma. Det passer godt for deg som jobber med design, innhold, kommunikasjon eller markedsføring.

Bedre bro mellom design og utvikling

Samarbeidet mellom designere og utviklere har alltid vært avgjørende. Og noen ganger litt… la oss kalle det friskt.

Designeren lager noe som ser riktig ut. Utvikleren skal bygge det. Så dukker spørsmålene opp: Hva er riktig avstand? Hvilken fargekode gjelder? Hvordan skal dette oppføre seg på mobil? Er dette en komponent eller et engangstilfelle? Hva skjer når teksten blir dobbelt så lang?

Figma løser ikke alt dette automatisk. Men det gjør overleveringen mer presis.

Når utviklere kan inspisere design, se mål, forstå komponenter og hente ut relevant informasjon fra samme fil, blir avstanden mellom design og kode mindre. Designeren blir samtidig mer bevisst på system, struktur og gjenbruk. Det er ikke lenger nok at én skjerm ser fin ut. Designet må henge sammen og kunne bygges.

Det er bra for prosjektet. Og det er ganske bra for pulsen i teamet også.

Figma gjør deg ikke automatisk til designer

Dette må sies tydelig: Figma er et kraftig verktøy, men det er fortsatt bare et verktøy.

Du blir ikke designer av å åpne Figma, på samme måte som du ikke blir fotograf av å kjøpe et kamera eller tekstforfatter av å åpne et tomt dokument. Verktøyet kan hjelpe deg å jobbe raskere, mer strukturert og mer visuelt. Det kan gjøre samarbeid enklere og prototyper mer tilgjengelige.

Men det erstatter ikke faglig vurdering. Du må fortsatt forstå hvem løsningen er laget for, hva brukeren skal forstå, hva som er viktigst på siden, hvilke valg som skaper tillit, og hvordan designet støtter både brukerbehov og forretningsmål.

Figma gir deg arbeidsflaten. Faget gir deg retningen.

Vil du videre med illustrasjon og vektorarbeid i Figma?
Da kan Figma Draw – Videregående være neste steg. Kurset passer for deg som allerede har grunnleggende erfaring og vil jobbe mer avansert med illustrasjon, grafikk og visuelle elementer.

Når design også skal bevege seg

Digitale flater står sjelden helt stille lenger.

Annonser, kampanjer, presentasjoner, SoMe-innhold og nettsider bruker bevegelse for å skape oppmerksomhet, forklare budskap og lede blikket. Men motion design bør ikke brukes bare fordi det ser kult ut. Bevegelse må ha en funksjon. Den bør gjøre noe tydeligere, skape bedre flyt, lede oppmerksomheten, forsterke budskapet eller gjøre innhold lettere å forstå.

Her kan Figma også spille en rolle, særlig når designet skal tas videre inn i verktøy for animasjon og bevegelse.

Vil du lage mer levende digitale flater?
På kurs Figma og Jitter – Motion design for markedsføring og digitale flater lærer du å bruke animasjon strategisk i markedsføring og digital kommunikasjon – med Figma og Jitter som praktiske verktøy.

Hvorfor bør du lære Figma?

Du bør lære Figma hvis du jobber med digitale flater, visuell kommunikasjon, brukeropplevelse, web, innhold, markedsføring eller produktutvikling.

For designere er Figma i praksis blitt et sentralt arbeidsverktøy. For UX- og UI-designere er det ofte helt grunnleggende. Men også for andre roller kan det gi stor verdi.

Du trenger ikke bli ekspert for å få nytte av Figma. Bare det å kunne navigere i en fil, forstå komponenter, kommentere i kontekst, lage en enkel prototype eller vurdere hvordan en digital løsning fungerer, kan gjøre deg til en bedre samarbeidspartner.

For mange handler ikke Figma om å ta over designerens jobb. Det handler om å forstå nok til å bidra bedre, se sammenhenger tidligere, gi bedre tilbakemeldinger, lage bedre briefinger og ta bedre beslutninger.

Livet etter Figma krever fortsatt fagfolk

Det mest interessante med Figma er kanskje ikke verktøyet i seg selv, men arbeidskulturen det legger til rette for.

Figma passer godt inn i en tid der digitale løsninger sjelden lages av én person alene. Gode nettsider, apper, kampanjer og tjenester krever samarbeid mellom strategi, innhold, design, teknologi, analyse og marked. Da trenger vi verktøy som gjør samarbeidet mer konkret.

Figma har gjort det lettere å gå fra idé til prototype, fra diskusjon til løsning, fra filkaos til felles struktur og fra isolerte designleveranser til mer levende prosesser. Men verktøyet gjør ikke jobben alene.

Gode digitale løsninger krever fortsatt fagfolk som forstår design, kommunikasjon, brukerbehov, teknologi og mål. Det krever mennesker som kan tenke kritisk, prioritere riktig og se helheten.

Det er derfor Figma er så interessant å lære. Ikke fordi alle skal bli designere, men fordi flere bør forstå hvordan godt digitalt design blir til.

Lær Figma hos IGM

Vil du bli tryggere i Figma – enten du jobber med design, web, markedsføring, kommunikasjon eller innholdsproduksjon?

Hos IGM finner du praktiske Figma-kurs for ulike nivåer og bruksområder: fra grunnleggende design for web og digitale flater, til layout og malverk, Figma Draw, illustrasjon og motion design med Jitter.

Se alle IGMs Figma-kurs og finn kurset som passer ditt nivå og din arbeidshverdag.

Ofte stilte spørsmål om Figma

Hva er Figma?

Figma er et skybasert designverktøy som brukes til UX-design, UI-design, webdesign, prototyping, designsystemer og samarbeid i digitale prosjekter. Flere kan jobbe i samme fil, kommentere direkte og dele prototyper med team, kunder og utviklere.

Hva brukes Figma til?

Figma brukes til å designe nettsider, apper, digitale tjenester, prototyper, wireframes, kampanjesider, landingssider, designsystemer, presentasjoner og visuelt materiell. Verktøyet brukes både av designere og av team som jobber med markedsføring, kommunikasjon, produktutvikling og teknologi.

Hvorfor har Figma blitt så populært?

Figma har blitt populært fordi det gjør designarbeid mer samarbeidende. Team kan jobbe i samme fil, gi tilbakemeldinger direkte i designet, lage klikkbare prototyper og dele løsninger uten å sende filer frem og tilbake.

Er Figma bare for designere?

Nei. Figma brukes mest av designere, UX-designere og UI-designere, men er også nyttig for markedsførere, kommunikasjonsfolk, webredaktører, innholdsprodusenter, utviklere og prosjektledere som jobber med digitale flater.

Hva er forskjellen på Figma og tradisjonelle designprogrammer?

Den største forskjellen er at Figma er skybasert og laget for samarbeid. I stedet for å sende lokale filer frem og tilbake kan flere jobbe i samme designfil, kommentere i sanntid og dele prototyper direkte.

Kan Figma brukes til webdesign?

Ja. Figma er mye brukt til webdesign. Du kan lage wireframes, layout, prototyper, designsystemer, komponenter og responsive designforslag før nettsiden utvikles.

Kan Figma brukes til markedsføring?

Ja. Figma kan brukes til markedsføring, særlig til landingssider, kampanjemateriell, annonser, SoMe-maler, presentasjoner og visuell innholdsproduksjon. Det gjør det enklere å holde et helhetlig visuelt uttrykk på tvers av flater.

Hva er et designsystem i Figma?

Et designsystem i Figma er en strukturert samling av komponenter, farger, typografi, stiler, variabler og regler som hjelper team å lage mer konsistente digitale løsninger. Det gjør designarbeidet raskere, mer helhetlig og lettere å skalere.

Hva er Figma Dev Mode?

Figma Dev Mode er en arbeidsflate for utviklere. Den gjør det enklere å inspisere design, se mål, egenskaper, komponentinformasjon og relevant kodeinformasjon uten å endre designfilen.

Er Figma vanskelig å lære?

Figma er relativt lett å komme i gang med, men det krever faglig forståelse å bruke verktøyet godt. For å få mest mulig ut av Figma bør du lære layout, typografi, komponenter, Auto Layout, prototyping og grunnleggende prinsipper for brukeropplevelse.

Hvorfor bør jeg ta Figma-kurs?

Et Figma-kurs gir deg en strukturert inngang til verktøyet og lærer deg å jobbe mer effektivt med design, prototyping og samarbeid. Du lærer ikke bare funksjoner, men hvordan Figma brukes i praktiske designprosesser.