Svijet softvera za grafički dizajn je ogroman i ima veliku konkurenciju. Figma je jedan alat za dizajn koji juri na prvo mjesto za UX/UI dizajnere diljem svijeta. Ali što znate o ovom intuitivnom alatu?
Iako je jednostavan, postoji i krivulja učenja ako ste navikli na druge alate za dizajn. Pogledajmo Figmu i kako je koristiti. Dobro došli u Figmu 101.
Što je Figma?
Ako ste posljednjih nekoliko godina radili kao grafički dizajner ili web dizajner, vjerojatno ste čuli za Figmu. Možda ste ga čak i koristili.
Figma je alat za dizajn i postaje omiljena za digitalne dizajnere, nadmašujući opcije kao što su Adobe XD, Adobe Photoshop i Sketch, za web dizajn i više. Međutim, budući da Adobe je preuzeo Figmu 2022, može doći do nekih promjena koje će promijeniti ljestvicu najboljih.
Tamo su mnoge namjene za Figmu. Prvenstveno se koristi za digitalni dizajn, a ne možete dizajnirati u CMYK za ispis. Neke od glavnih upotreba Figme uključuju:
- Izrada prototipova
- UX/UI dizajn
- Dizajn aplikacije
- web dizajn
- Dizajn prezentacije
Možeš koristite Figma mockup dodatke kako bismo vam pomogli pokazati svoje dizajne, pretvorite stvarne web stranice u Figma dizajne koristeći dodatke, pa čak i stvarati glavni predlošci za Figma dizajne kako bismo vam uštedjeli vrijeme u tipovima dizajna koji se ponavljaju.
Koliko košta Figma?
Možete besplatno kreirati Figma račun na Figma stranica ili preuzimanjem Aplikacija Figma. Besplatni račun pruža funkcionalnost za sve aspekte dizajna aplikacije. Možete dizajnirati pomoću Figme i FigJam—Figmin alat za suradnju.
Ako Figmu koristite kao hobist ili kao samostalni umjetnik, Free Forever verzija je gotovo savršena. I dalje imate pristup svim dodacima, možete pozvati neograničen broj suradnika, koristiti neograničen broj osobnih datoteka i koristiti Figmu sa svih platformi.
Dok besplatna verzija Figme nudi više nego dovoljno za svakog standardnog dizajnera, pretplata na Figma Professional omogućuje vam pozovite suigrače, radite iz timskih knjižnica, imajte pristup neograničenim Figma datotekama i povijesti verzija i više, za 12 USD mjesečno po urednik. Ako ste student ili nastavnik, možete dobiti Figma Professional besplatno.
Kako koristiti Figmu: Osnove
Bez obzira koristite li aplikaciju Figma ili verziju preglednika, lako možete pratiti.
Kada otvorite Figmu, prikazat će vam se opcije za pokretanje nove Figma datoteke, nove FigJam datoteke ili uvoz datoteke napravljene u drugom programu, poput Sketch ili Adobe XD. Ako ste već koristili Figmu, također ćete vidjeti svoje prethodne Figma projekte koje možete otvoriti i raditi na njima.
Navigacija radnim prostorom Figma
Otvaranje nove datoteke u početku izgleda neinspirativno. Za razliku od mnogih drugih programa za dizajn, ne počinjete s umjetničkom pločom ili platnom, već s potpuno praznom stranicom za dizajn. Ali s umom punim inspiracije, neće dugo ostati prazan prostor.
Gornji lijevi vodoravni izbornik počinje s Glavni izbornik ikona—logotip Figma. Odabirom Glavni izbornik, možete se kretati do svojih ostalih datoteka, Figma brzih radnji, tipičnih opcija datoteka i pristupa dodacima, widgetima i bibliotekama.
Zatim ćete pronaći Potez alat (V), s Skala alat (K) ugniježđen ispod njega. Ovi alati služe za pomicanje elemenata ili skaliranje dijelova vašeg dizajna gore ili dolje. Desno od ovih alata vidjet ćete alate za regiju, Okvir (F), Odjeljak, i Kriška, ugniježđeni zajedno.
U Figmi, okvir je ono što drugi programi mogu nazvati umjetničkom pločom ili platnom. Izaberi Okvir da nacrtate svoje platno prilagođene veličine. Kada je odabrano, desni izbornik prikazat će unaprijed pripremljene opcije okvira za uobičajene veličine uređaja: pametne telefone, tablete, stolna računala, pametne satove, prezentacije i opcije društvenih medija. Također možete kliknuti i povući svoj okvir izravno kako biste ga prilagodili bilo kojoj veličini.
Povratak na gornji lijevi izbornik, desno od alata Regija nalaze se Oblik alati, Olovka alate, i Tekst alat. Nakon toga, Resursi—Komponente, Dodaci, i Widgeti— i Ruka alat za kretanje po vašoj datoteci. I na kraju, Komentari alat koji je odličan za pravljenje bilješki i suradnju sa suigračima.
Izbornik Figma Design
Kad je okvir nacrtan, odabir njegovog naslova aktivira okvir, spreman za dizajn. Izbornik s desne strane prikazuje naslove za Oblikovati, Prototip, i Pregledati. Kao što naziv sugerira, opcija Dizajn je izbornik koji ćete koristiti za dizajn elemenata na vašem okviru.
Dok je početni izbornik Dizajn donekle pojednostavljen, kako dodajete više elemenata svom dizajnu, opcije izbornika se razvijaju. U početku, izbornik ide odozgo prema dolje s alatima za poravnanje, alatima za dimenzioniranje, Automatski raspored, Mreža izgleda, Sloj, Ispunite, Moždani udar, Efekti, i Izvoz. Neki od njih su minimizirani prema zadanim postavkama, ali klikom na + znak, možete otvoriti bilo koji izbornik ili pogodak – da ga svede na minimum.
Nakon što nacrtate svoj glavni okvir za projekt, možete koristiti alate za oblik ili alate za olovku za crtanje oblika ili dodajte rezervirana mjesta za slike i možete dodati tekst pomoću alata za tekst na načine koje ste vjerojatno radili u drugim slučajevima softver.
Nakon što imate oblike ili tekst na okviru, upotrijebite razne opcije desnog izbornika za uređivanje i dizajn tih elemenata. The Sloj izbornik nudi neprozirnost i načine stapanja; s Ispunite možete dodati boju ili umetnuti slike s nekim značajkama za uređivanje kao što su Izlaganje, Kontrast, Temperatura, i više.
Kako gradite više elemenata u svom projektu, slojevi će se formirati na lijevoj strani Slojevi izbornik pored Imovina tab. Možete dvaput kliknuti naslov sloja da pronađete element i obrnuto; možete dvaput kliknuti element dizajna kako biste pronašli označeni sloj. Dvostrukim pritiskom na naslove možete ih preimenovati radi optimalne organizacije.
Izbornik Figma prototipa
Desno od Oblikovati opcija izbornika je Prototip Jelovnik. Nakon što dovršite vizualne aspekte svog dizajna i postavite okvire sa slikama i tekst gdje bi trebali ići, možete koristiti alate za prototip za dodavanje animacija i prijelaza u vaš dizajn.
The Prototip izbornik vam omogućuje spajanje okvira ili komponenti zajedno kao prijelaze. Možete odabrati kojim redoslijedom i kako svaki kadar prelazi u drugi.
Ovo odlično funkcionira ako ste izrada Figma prezentacije koji animira s jednog slajda na drugi, ali alat vam također stručno omogućuje vizualizaciju animacija za gumbe ili izbornike za dizajn aplikacija i weba. Možete dodati više prijelaza po stranici za sve različite stvari, tako da možete vidjeti kako bi korisnici stupili u interakciju s vašom web lokacijom kada je aktivna.
Iako upotreba Figme za dizajn web stranice nije isto što i izrada web stranice uživo, svoju Figmu možete predati dizajnirajte svom razvojnom timu koji može rekreirati vaše interakcije prototipa kao stvarne dizajne animacije za vaše web stranica. To znači da možete prelaziti sa stranice na stranicu pomoću klikova, vremena ili drugih interakcija.
Lako je započeti s Figmom
Sada znate kako se kretati Figma izgledom i kako funkcioniraju osnovni alati za dizajn i prototip. Budući da je Figma tako lako dostupna, vrijeme je da se poigrate s ovim alatom za dizajn i vidite što možete stvoriti.