U posljednjih nekoliko godina u svijetu dizajna pojavila se riječ koja se ne može izbjeći Figma. Bilo da se radi o razgovorima među dizajnerima, programerima ili marketinškim stručnjacima, Figma se spominje gotovo jednako često kao i pojmovi poput web dizajn ili izrada web stranica. Nije čudno što je stekla toliku popularnost. Riječ je o alatu koji je promijenio način na koji timovi rade na vizualnim projektima.

Nekad su dizajneri morali koristiti alate poput Photoshopa ili Sketch-a. Bili su moćni, ali često i nespretni kada se radilo o timskom radu. Figma je sve to okrenula naglavačke i donijela rješenje koje je jednostavno, dostupno i prilagođeno modernom načinu rada.

Što je zapravo Figma?

Figma je alat za dizajn i izradu prototipa koji se koristi direktno kroz preglednik. To znači da nema gnjavaže s instalacijama ili problemima s kompatibilnošću. Radi na Windowsu, Macu, pa čak i na Linuxu što je rijetkost u svijetu profesionalnih alata.

Posebno je zanimljivo što se projekti pohranjuju u oblaku. Ako korisnik slučajno zatvori prozor ili mu se ugasi računalo, sav rad ostaje spremljen. Ta sigurnost daje veliku prednost početnicima, jer nestanak datoteke može biti frustrirajuće iskustvo.

Figma se često opisuje kao “Google Docs za dizajn”, i ta usporedba doista stoji. U dokumentu se može raditi zajedno, vidjeti pokazivače drugih korisnika i pratiti promjene u stvarnom vremenu. To mijenja dinamiku rada na projektima, pogotovo kada se radi o izradi web stranica gdje često sudjeluje više različitih stručnjaka.

Zašto je Figma toliko posebna?

Ono što Figma nudi ne staje samo na dizajnu. Ona mijenja način komunikacije u timovima. Umjesto dugih mailova ili rasprava u chatovima, sve se rješava direktno na dizajnu. Klijent može staviti komentar na točno određeni gumb ili fotografiju i nema više nagađanja “na što se mislilo”.

Još jedna posebnost jest što se Figma može koristiti besplatno. Naravno, postoje plaćeni planovi za napredne timove, ali osnovne funkcije dovoljne su za većinu početnika i manjih projekata. To znači da se već od prvog dana može početi s učenjem i eksperimentiranjem bez financijskog rizika.

Naposljetku, Figma nije alat zatvorenog tipa. Zahvaljujući velikoj zajednici korisnika, svaki dan se razvijaju novi dodaci, predlošci i resursi. Početnik može pronaći gotove UI setove, ikone ili boje i odmah ubrzati svoj rad. To iskustvo podsjeća na veliku digitalnu tržnicu ideja gdje uvijek postoji nešto novo za otkriti.

Kako Figma funkcionira u praksi

Zamislimo tipičnu situaciju. Dizajner započne izradu web stranice. U Figmi postavi osnovni izgled zaglavlje, navigaciju, nekoliko sekcija. Programer se zatim priključi i provjerava kodne vrijednosti boja, margine i veličine fonta. U isto vrijeme, marketinški tim ubacuje prijedloge za slogane i provjerava čitljivost teksta. Sve se odvija unutar jedne datoteke, bez dodatnih alata.

Prije Figme, to bi izgledalo puno kompliciranije. Svaki član tima imao bi svoju verziju datoteke, a koordinacija bi oduzimala vrijeme i energiju. Ako bi netko zaboravio ažurirati verziju, cijeli proces mogao bi krenuti u krivom smjeru. Figma to eliminira i omogućuje da se svi drže iste verzije – uvijek one najnovije. U praksi to znači manje frustracija, manje gubljenja vremena i puno više kreativne energije koja se ulaže u sam dizajn.

Figma odabir boje

 

Osnovne značajke koje početnik treba znati

Figma ima širok raspon alata, ali za početak dovoljno je upoznati nekoliko ključnih pojmova.

  • Frameovi – zamišljeni su kao radne plohe. Mogu se koristiti za definiranje ekrana mobilne aplikacije, stranice weba ili dijela layouta. Sve se gradi unutar tih okvira.
  • Komponente – omogućuju ponavljanje elemenata poput gumba ili kartica. Ako se promijeni jedna komponenta, sve njezine kopije automatski se ažuriraju. To štedi vrijeme i osigurava konzistentnost.
  • Stilovi – definiraju tipografiju, boje i efekte. Kada se jednom postavi stil, lako se primjenjuje kroz cijeli projekt.

Početnici često zanemaruju izradu prototipa, no upravo ta opcija daje život dizajnu. Jednim klikom moguće je povezati stranice i simulirati korisničko iskustvo. To znači da klijent može klikati po dizajnu kao da koristi pravu web stranicu, iako ona još nije kodirana.

Figma i konkurencija

Usporedbe su uvijek korisne. Sketch je dugo bio standard, ali ograničenost na Mac uređaje smanjila je njegovu dostupnost. Adobe XD pokušao je pratiti trend, ali često se čuje kritika da je spor i da zaostaje u funkcionalnostima.

Photoshop ostaje moćan, ali njegova složenost može obeshrabriti početnike koji žele jednostavno izrađivati prototipove ili dizajnirati web stranice. Figma se tu pokazala kao kompromis između jednostavnosti i moći. Ona nije najbolja u svakoj pojedinoj kategoriji, ali nudi paket koji je dovoljno dobar za većinu korisnika. Upravo to ju je lansiralo u vrh popularnosti.

Alat za potpune početnike

Nakon prijave na Figmu, prvi korak je stvaranje nove datoteke. Početnici obično kreću s jednostavnim oblicima i tekstom. Dodavanje boja i igranje s tipografijom brzo otkriva koliko je sučelje intuitivno.

Jedna od prednosti je što Figma “oprašta” greške. Ako se nešto pogrešno izbriše, tu je Undo. Ako se ne zna odakle krenuti, community nudi predloške odnosno gotove dizajne koji se mogu preuzeti i prilagoditi. To daje početnicima osjećaj sigurnosti, jer nije sve na njima od samog početka.

Nakon nekoliko dana istraživanja, već se može složiti prva jednostavna web stranica s headerom, glavnim sadržajem i footerom. Taj mali uspjeh često motivira korisnike da nastave učiti i istraživati naprednije značajke.

Kolaboracija bez boli u glavi

Najveći izazov u digitalnim projektima uvijek je komunikacija. Figma to pojednostavljuje na način da omogućuje komentiranje direktno unutar dizajna. Nema više beskrajnih poruka tipa “na onom gumbu gore lijevo” – sada je dovoljno kliknuti na gumb i ostaviti komentar.

Programeri posebno cijene opciju Inspect, gdje mogu izvući vrijednosti koda direktno iz dizajna. To ubrzava proces izrade web stranica jer nema potrebe za dodatnim dokumentima ili ručnim mjerenjem elemenata.

Za početnike to znači jedno: manje stresa. Kada se tim slaže oko detalja, puno je lakše razvijati kreativne ideje i učiti usput.

Što se sve može napraviti u Figmi?

Figma nije ograničena na jednu vrstu projekata. Početnici često kreću s wireframeovima – jednostavnim crtežima koji pokazuju strukturu stranice ili aplikacije. Kasnije prelaze na UI/UX dizajn, gdje se kombiniraju boje, tipografija i vizualni elementi.

Mnogi koriste ovaj alat i za izradu marketinških materijala: bannere za društvene mreže, postere, pa čak i posjetnice. Tu dolazi do izražaja fleksibilnost alata jer on nije samo za izradu web stranica, nego i za širi spektar vizualne komunikacije.

Za freelancere je to velika prednost. S jednim alatom mogu pokriti više vrsta projekata, što povećava njihovu vrijednost na tržištu.

FigJam

Osim glavnog alata, Figma nudi i FigJam – virtualnu ploču za brainstorming. Timovi mogu crtati sheme, dodavati bilješke i organizirati ideje. To je posebno korisno kada se radi o planiranju novih web stranica ili marketinških kampanja.

Za početnike FigJam može poslužiti kao prostor za eksperimentiranje. Umjesto da odmah kreću u kompleksan dizajn, mogu jednostavno “bacati” ideje na ploču i testirati ih. Takav proces smanjuje strah od pogreške i potiče kreativnost.

Za koga je Figma?

Figma je univerzalna. Početnici je koriste da bi naučili osnove web dizajna. Freelanceri je koriste kako bi brzo i profesionalno izrađivali prototipove za klijente. Veliki timovi je koriste da bi koordinirali kompleksne projekte.

Čak i ljudi izvan dizajnerskog svijeta  poput product managera ili marketinških stručnjaka  koriste Figmu za vizualnu komunikaciju. To pokazuje da je alat dovoljno fleksibilan da se prilagodi različitim profilima korisnika.

Prednosti i ograničenja

Najveća prednost Figme jest jednostavnost. Ona je intuitivna, brza i uvijek dostupna. Uz to, činjenica da je većina funkcija besplatna daje joj ogromnu prednost pred konkurencijom.
Naravno, postoje i ograničenja. Za ozbiljnu obradu fotografija i 3D grafiku i dalje su potrebni specijalizirani alati. Također, Figma ovisi o stabilnom internetu, što može biti problem u slabije povezanim područjima.

No za većinu projekata, pogotovo za izradu web stranica, ta ograničenja rijetko predstavljaju prepreku.

Kako učiti Figmu i ne odustati

Učenje Figme najbolje je započeti kroz male korake. Tutorijali na YouTubeu i vodiči iz Figma Community sekcije daju odličan temelj. Najvažnije je vježbati na konkretnim projektima, pa makar i zamišljenim.

Na primjer, početnik može pokušati izraditi prototip jednostavne stranice za lokalni kafić ili landing stranicu za neki imaginarni proizvod. Takvi mali projekti pomažu u povezivanju teorije s praksom. Strpljenje je bitno jer nitko ne savlada Figmu preko noći, ali redovnim radom i istraživanjem opcija, napredak postaje vidljiv vrlo brzo.

Zaključak: je li Figma pravi alat za tebe?

Za svakoga tko ulazi u svijet web dizajna i izrade web stranica, Figma je savršen prvi alat. Ona nudi ravnotežu između jednostavnosti i profesionalnosti, a istovremeno potiče suradnju i kreativnost.

Možda nije rješenje za svaki tip dizajna, ali kada je riječ o digitalnim projektima, teško je pronaći konkurenta koji nudi toliko mogućnosti bez dodatnih troškova. Najbolji način da se otkrije njezin potencijal jest jednostavno otvoriti Figmu, napraviti prvi file i dopustiti mašti da vodi put.