11 najboljših bližnjic na tipkovnici Figma za Windows in Mac

Figma postaja vse bolj priljubljena v oblikovalskem prostoru. Programska oprema Sketch večinoma prevladuje v industriji oblikovanja UI/UX. Toda najnovejša ponudba Adobe (Adobe XD) in Figma s prilagodljivimi cenami, brezhibno skupno rabo in razpoložljivostjo na več platformah spreminjata enačbo za oblikovalce UI/UX.

Razpoložljivost Figme na spletu, Windows in macOS, skupaj z odličnim začetnim načrtom (3 projekti in 2 urejevalnika), je idealna izbira za oblikovanje, prototip in obvladovanje veščin oblikovanja uporabniškega vmesnika. Podjetje pred kratkim predstavil težko pričakovano podporo za vtičnike. Če ste novi v prostoru oblikovanja UI/UX in začenjate svojo pot s Figmo, potem si boste morda želeli zapomniti kup bistvenih bližnjic na tipkovnici Figma za Windows in Mac.

V tej objavi bomo obravnavali enajst najboljših bližnjic na tipkovnici Figma, ki jih lahko uporabite v računalnikih z operacijskim sistemom Windows in Mac. Začnimo.

Obiščite Figmo

1. Master Zoom zmogljivosti

Ne morete uporabljati Figme ali katere koli programske opreme za oblikovanje uporabniškega vmesnika/UX, ne da bi obvladali bližnjice na tipkovnici Zoom. To bodo najpogosteje uporabljene bližnjice na tipkovnici med potekom dela.

Za Windows in Mac lahko uporabite Shift + 1, da plasti prilagodite zaslonu. Shift + 2 za povečavo izbranega okvirja (moja najpogosteje uporabljena bližnjica na tipkovnici, saj mi omogoča hiter ogled podrobnosti izbrane komponente) in Shift + 0 za 100-odstotno povečavo.

2. Pokaži/skrij ravnila in Prikaži/skrij mreže postavitve

Na splošno ne uporabljam ravnil v Figmi, vendar če jih nameravate uporabiti med oblikovanjem uporabniškega vmesnika, lahko uporabite bližnjico na tipkovnici Shift + R v PC ali Mac za prikaz/skrivanje ravnil.

Ves čas uporabljam Layout Grids. Omogoča vam razporeditev komponent, ikon z enako razdaljo, omogoča vam organiziranje besedila in drugih elementov. Za prikaz/skrivanje mrež postavitve uporabite bližnjico na tipkovnici Control + G v Macu.

Tudi na Guiding Tech

3. Orodje za pisalo, premikanje in besedilo

Figma ponuja zmogljivo in prilagodljivo orodje Pen. Ko se boste nekaj minut igrali z njim, boste razumeli, kaj mislim. Med potekom oblikovanja boste ta tri orodja precej uporabljali.

Vedno jih lahko izberete v zgornjem meniju ali uporabite orodje P za pisalo, V za premikanje in T za besedilo v operacijskem sistemu Windows in Mac.

4. Premikanje med plastmi in komponentami

Ti dve bližnjici na tipkovnici sta zelo priročni, ko delate na oblikovalskem projektu s preveč plastmi in komponentami. Morda se boste morali nenehno premikati med njimi. Za premikanje na ploščo s plastmi lahko uporabite Option + 1 za Mac ali Alt + 1 za Windows. Nato uporabite Option + 2 za Mac ali Alt + 2 za Windows, da odprete meni Komponente.

5. Odprite izbirnik barv

Ta funkcija je uporabna, če želite iz slike, ikone ali katere koli druge komponente izločiti barvo. Za odpiranje izbirnika barv lahko uporabite bližnjico na tipkovnici »I« v sistemu Mac ali Windows. Premaknite izbirnik barv nad sliko ali ikono in kopirajte barvno kodo iz izbirnik barv meni.

6. Kopiraj/prilepi trenutni slog

Ta je pravi prihranek časa. Želite hitro kopirati trenutno barvo/zasnovo komponente v drugo besedilo ali ikono? Izberete lahko trenutni element in uporabite Option + Command + C za Mac ali Ctrl + Shift + C za Windows, da kopirate njegov slog. Zdaj izberite drug element in uporabite Možnost + Ukaz + V za Mac ali Ctrl + Shift + V za Windows, da prilepite slog.

7. Izbira skupine/razdružitve

Združevanje in razdruževanje sta eden najpomembnejših delov katere koli programske opreme za načrtovanje. Po dodajanju oblik, ikon, besedila jih boste morda želeli združiti v skupine, da jih boste preprosto premikali ali spreminjali. Izberete lahko elemente in uporabite Command + G za Mac ali Ctrl + G za Windows, da ustvarite skupino.

Če jih želite razdružiti, uporabite Command + Shift + G za Mac ali Ctrl + Shift + G za Windows.

Tudi na Guiding Tech

8. Preklopite zaklepanje in odklepanje

Ko ustvarjate dizajn s preveč plasti in sestavnih delov, bi vam lahko platno Figma postalo precej zaposleno. V teh scenarijih ne boste želeli pomotoma premakniti nobene ikone, besedila ali komponente. V takih primerih lahko izberete element in uporabite Command + Shift + L za Mac ali Ctrl + Shift + L za Windows, da jih zaklenete.

Predstavlja ga majhna ikona ključavnice v meniju Sloji. Za odklepanje uporabite isto bližnjico na tipkovnici.

9. Ustvari komponente

Komponente so srce in duša izkušnje Figma. Morda boste želeli znova uporabiti iste elemente v celotnem uporabniškem vmesniku oblikovanja. Nekateri primeri so lahko meni za hamburgerje, meni spodnje vrstice, gumbi itd., ki jih želite ponovno uporabiti tudi za druge zaslone.

Ikone in besedilo lahko združite z orodjem Group in nato uporabite Možnost + Ukaz + K za Mac ali Ctrl + Alt + K za Windows, da ustvarite komponento. Zdaj do njih dostopite iz menija Komponente (preverite #4).

10. Pokaži knjižnico ekipe

Ali veste, da se Figma imenuje tudi Google Dokumenti v oblikovalski industriji? Programska oprema je opremljena z možnostmi brezhibne skupne rabe, ki vam omogočajo dodajanje urednikov v ekipo.

Za velike projekte ima vsak član ekipe ločeno nalogo za oblikovanje. Med ustvarjanjem zasnove v skupini boste morda želeli obiskati knjižnico ekipe, ki je sestavljena iz skupnih komponent in ikon med člani. Meni lahko odprete tako, da uporabite Command + Option + O v Macu ali Ctrl + Alt + O v sistemu Windows, da odprete meni knjižnice ekipe.

11. Izvozno oblikovanje

Ko končate zasnovo, boste morda želeli uporabiti možnost izvoza za ekstrakcijo ikon in slik iz zasnove, tako da jih lahko pošljete razvijalcem, da jih izvedejo. Izberete lahko plast in uporabite Command + Shift + E za Mac ali Control + Shift + E za Windows za izvoz podrobnosti.

Tudi na Guiding Tech

Uporabite Figmo kot profesionalec

Figma je odlično orodje za oblikovalce UI/UX. Je brezplačen za začetnike, omogoča skupno rabo in ima na voljo veliko bližnjic na tipkovnici, ki omogočajo nemoten potek dela. Izvedite te bližnjice na tipkovnici v svoj potek dela in ustvarite čudovite zasnove uporabniškega vmesnika kot profesionalec.