Figma je moćan alat za dizajn i prvi je izbor većine UX/UI dizajnera kao program za dizajn. Možete stvoriti toliko toga unutar Figme, a to je program koji je lako naučiti.
Kao dizajneri, često nastojimo uštedjeti vrijeme, pa svoje dragocjene sate trošimo na stvaranje dobrog posla, umjesto da tragamo po jelovnicima. Sastavili smo popis korisnih Figma prečaca koji će pojednostaviti vaš tijek rada.
Ovaj jednostavni prečac s jednom tipkom brz je način za skaliranje vaših stavki. Udari K tipku, zatim odaberite objekt kojemu trebate promijeniti veličinu. Sve što trebate učiniti je kliknuti i povući jednu sidrišnu točku i vaš objekt ostaje u mjerilu dok mijenja veličinu na ono što želite.
Alat Frame često je korišten alat u Figmi pri stvaranju višestrukih okvirnih ploča za dizajn prototipa. Udaranje F na vašoj tipkovnici otvara alat jednim dodirom, omogućujući vam da brzo nacrtate ili promijenite veličinu okvira.
Okvir možete nacrtati izravno klikom i povlačenjem pokazivača, ili kada je odabran alat Okvir, možete upisati svoje željene veličine u okvire dimenzija na izborniku okvira s desne strane.
3. Prebacivanje između načina dizajna i prototipa
The Shift + E prečac vam omogućuje prebacivanje između načina dizajna i načina prototipa. Isti prečac radi bez obzira na koji način rada pokrenete i na koji se prebacite. Pogledajte naše početnički vodič za Figmu kako bi naučili razlike između ovih načina.
Alternativno, postoje specifičniji prečaci za tu svrhu. Alt (Windows) / Opcija (Mac) + 8 može se koristiti za prebacivanje iz moda Prototype u mod Design, dok Alt (Windows) / Opcija (Mac) + 9 prebacuje se iz moda dizajna natrag u mod prototipa. Očito, Shift + E je lakše, ali lijepo je imati mogućnosti.
4. Odaberite najunutarnji element jednim klikom (duboki odabir)
Kada dizajnirate u više slojeva ili s ugrađenim slikama, može biti teško brzo odabrati jedan element. Da biste uštedjeli vrijeme klikajući ono što vam se čini desetak puta da biste odabrali najdonji sloj, umjesto toga upotrijebite ovaj prečac.
Na Macu, držite Cmd + Klik element, a na Windowsima, Ctrl + Klik. Jedna jednostavna tipka štedi minute bezumnog klikanja za odabir elementa donjeg sloja.
5. Pomaknite se za razinu nakon odabira najdubljeg elementa
Nakon što ste uspjeli odabrati najunutarnjiji element svog dizajna, mogli biste shvatiti da želite odabrati element jednu razinu bliže - lako. Nakon što pronađete najdublji element, pritisnite Shift + Unesi za povratak na razinu. To možete učiniti za sve razine.
6. Sažmi sve slojeve
Kada dizajnirate u Figmi, vaša ploča slojeva počet će se širiti i potencijalno će izgledati pomalo neuredno, pogotovo kada pretvoriti HTML u Figma dizajn. Za skupljanje slojeva jednostavno pritisnite Alt + L (Windows) ili Opcija + L (Mac).
Ako ste tijekom korištenja ovog prečaca odabrali element, sloj s tim elementom ostat će otvoren. Odaberite bilo gdje izvan radne ploče da biste poništili odabir svih elemenata i upotrijebite prečac za sažimanje svih slojeva.
7. Prikažite ili sakrijte rešetke izgleda
Korištenje rešetki izgleda najbolji je način da osigurate da vaš dizajn zadovoljava određene proporcije i da se može pravilno mjeriti za različite uređaje. Iako su korisne, ne želite da se mreže uvijek prikazuju.
Uključivanje i isključivanje rešetki izgleda razlikuje se na Macu nego na Windowsu. Na Macu, hit Ctrl + G da biste ga uključili ili isključili. Ako koristite Windows, to je prečac s tri tipke; Ctrl + Shift + 4. Različiti su, ali rade istu stvar.
8. Stavite više fotografija odjednom
Ako ste dizajnirali izgled s oblicima rezerviranih mjesta spremnim za svoje slike, može biti frustrirajuće umetati slike jednu po jednu. Ovaj prečac vam omogućuje da postavite više fotografija i jednostavno odaberete držač mjesta—ili bilo gdje na radnoj ploči—da postavite svaku pojedinačnu fotografiju.
Za Mac korisnike, pogodak Cmd + Shift + K za povlačenje dijaloškog prozora za pronalaženje vaših slika. Na Windowsima je Ctrl + Shift + K kako biste pronašli i smjestili više fotografija u svoj Figma dizajn. Ako ti izradite glavni predložak u Figmi, ovo je izvrstan prečac za korištenje.
9. Kopirajte bilo koju sliku kao PNG
Kada koristite slike u svom Figma dizajnu, možda imate izbor formata datoteka, ali možda vaš klijent zahtijeva PNG. Možete kopirati bilo koju sliku kao PNG, bez obzira na njezin izvorni format.
Odaberite odabranu sliku i pritisnite Cmd + Shift + C na Macu i Ctrl + Shift + C u sustavu Windows da ga kopirate kao PNG. Možete jednostavno upotrijebiti ovaj prečac kako biste osigurali format slike visokog standarda, osobito ako jeste stvaranje prezentacija s Figmom.
10. Ukapajte boju s bilo kojeg mjesta
Ubacivanje boje u oko zgodna je značajka kada boju prenosite s jednog dijela dizajna na drugi. Ovaj brzi prečac na tipkovnici omogućuje vam da u sekundi povučete kapaljku i odaberete boju s bilo kojeg mjesta na radnoj ploči.
Na Macu, hit Ctrl + C, au sustavu Windows to je tipka slova ja. Nakon što pritisnete tipkovničke prečace, pomaknite metu kapaljke preko boje koju želite koristiti i kliknite jednom za uzorak boje.
11. Otvorite karticu Resursi
Kartica Resursi dom je izbornika Komponente, Dodaci i Widgeti. Iako ne postoje prečaci za pojedinačno otvaranje tih izbornika, prečac Resursi ipak štedi vrijeme: Shift + ja. Možeš koristite dodatke za izradu i dodavanje maketa vašim Figma dizajnima.
Uštedite vrijeme uz Figma prečace
Dizajneri obično koriste prečace u svom radu kako bi uštedjeli vrijeme i energiju, a rad u Figmi nije ništa drugačiji. Ovi Figma prečaci samo zagrebu površinu prečaca koje možete koristiti u programu.
Ovi prečaci nisu očiti niti ih je lako pronaći, stoga odnesite svoja nova učenja na Figmu i uživajte u informacijama za koje su mnogim dizajnerima potrebni mjeseci ili godine da ih shvate.
