11 nejlepších klávesových zkratek Figma pro Windows a Mac

Figma získává na síle v designovém prostoru. Software Sketch většinou dominuje odvětví designu UI/UX. Ale nejnovější nabídky od Adobe (Adobe XD) a Figma s flexibilními cenami, bezproblémovým sdílením a dostupností napříč platformami mění rovnici pro návrháře UI/UX.

Dostupnost Figmy na webu, Windows a macOS ve spojení s jejím vynikajícím Starter plánem (3 projekty a 2 editory) z ní činí ideální volbu pro navrhování, prototypování a zvládnutí návrhových dovedností uživatelského rozhraní. Společnost nedávno představila velmi očekávanou podporu pluginů. Pokud jste nováčkem v oblasti designu UI/UX a začínáte svou cestu s Figmou, možná si budete chtít zapamatovat spoustu základních klávesových zkratek Figma pro Windows a Mac.

V tomto příspěvku se budeme zabývat jedenácti nejlepšími klávesovými zkratkami Figma, které můžete použít na Windows PC a Mac. Začněme.

Navštivte Figmu

1. Hlavní možnosti zoomu

Bez zvládnutí klávesových zkratek Zoom nemůžete používat Figma ani žádný software pro návrh UI/UX. Toto budou nejpoužívanější klávesové zkratky během vašeho pracovního postupu.

Pro Windows a Mac můžete použít Shift + 1 k přizpůsobení vrstev obrazovce. Shift + 2 pro zvětšení vybraného snímku (moje nejpoužívanější klávesová zkratka, protože mi umožňuje rychle zobrazit detaily vybrané komponenty) a Shift + 0 pro zvětšení 100 %.

2. Zobrazit/skrýt pravítka a zobrazit/skrýt mřížky rozvržení

Pravítka ve Figmě obecně nepoužívám, ale pokud je plánujete používat při návrhu uživatelského rozhraní, můžete k zobrazení/skrytí pravítek použít klávesovou zkratku Shift + R na PC nebo Mac.

Po celou dobu používám Layout Grids. Umožňuje uspořádat komponenty, ikony se stejnou vzdáleností, umožňuje uspořádat text a další prvky. Pomocí klávesové zkratky Control + G na Macu zobrazíte/skryjete mřížky rozložení.

Také na Guiding Tech

3. Nástroj pero, přesun a text

Figma nabízí výkonný a přizpůsobitelný nástroj Pen. Když si s tím pár minut budete hrát, pochopíte, co tím myslím. Během svého návrhu budete tyto tři nástroje využívat poměrně často.

Vždy je můžete vybrat z horní nabídky nebo použít klávesu P pro pero, V pro přesun a T pro text v systémech Windows a Mac.

4. Pohyb mezi vrstvami a komponentami

Tyto dvě klávesové zkratky jsou docela užitečné, když pracujete na designovém projektu s příliš mnoha vrstvami a komponentami. Možná budete muset mezi nimi neustále přecházet. K přesunu na panel vrstev můžete použít Option + 1 pro Mac nebo Alt + 1 pro Windows. Poté pomocí Option + 2 pro Mac nebo Alt + 2 pro Windows přejděte do nabídky Komponenty.

5. Otevřete nástroj Výběr barvy

Tato funkce je užitečná, když chcete extrahovat barvu z obrázku, ikony nebo jakékoli jiné součásti. K otevření nástroje pro výběr barvy můžete použít klávesovou zkratku „I“ na Macu nebo Windows. Umístěte ukazatel barvy na obrázek nebo ikonu a zkopírujte kód barvy z výběr barvy Jídelní lístek.

6. Kopírovat/Vložit aktuální styl

Tohle je opravdová úspora času. Chcete rychle zkopírovat aktuální barvu/design komponenty do jiného textu nebo ikony? Můžete vybrat aktuální prvek a použít Option + Command + C pro Mac nebo Ctrl + Shift + C pro Windows ke zkopírování jeho stylu. Nyní vyberte druhý prvek a pomocí kombinace Option + Command + V pro Mac nebo Ctrl + Shift + V pro Windows vložte styl.

7. Seskupit/Oddělit výběr

Seskupování a oddělování jsou jednou z nejdůležitějších součástí jakéhokoli návrhového softwaru. Po přidání tvarů, ikon, textu je možná budete chtít seskupit, abyste je mohli snadno přesunout nebo upravit. Můžete vybrat prvky a použít Command + G pro Mac nebo Ctrl + G pro Windows k vytvoření skupiny.

Chcete-li je oddělit, použijte Command + Shift + G pro Mac nebo Ctrl + Shift + G pro Windows.

Také na Guiding Tech

8. Přepnout zámek a odemknutí

Když vytváříte design s příliš mnoho vrstev a komponenty, plátno Figma pro vás může být docela zaneprázdněné. V těchto scénářích nebudete chtít náhodně přesunout žádnou ikonu, text nebo komponentu. V takových případech můžete vybrat prvek a zamknout jej pomocí Command + Shift + L pro Mac nebo Ctrl + Shift + L pro Windows.

Představuje ji malá ikona zámku v nabídce Vrstvy. K odemknutí použijte stejnou klávesovou zkratku.

9. Vytvořte komponenty

Komponenty jsou srdcem a duší zkušenosti Figma. Možná budete chtít znovu použít stejné prvky v celém uživatelském rozhraní návrhu. Některé příklady mohou být hamburgerové menu, spodní pruhové menu, tlačítka atd., které chcete znovu použít i pro jiné obrazovky.

Ikony a text můžete seskupit pomocí nástroje Seskupit a poté pomocí kombinace Option + Command + K pro Mac nebo Ctrl + Alt + K pro Windows vytvořit komponentu. Nyní je otevřete z nabídky Komponenty (kontrola č. 4).

10. Zobrazit týmovou knihovnu

Víte, že Figma se také nazývá Google Docs designového průmyslu? Software je dodáván s bezproblémovými možnostmi sdílení, které vám umožní přidat do týmu editory.

U velkých projektů dostane každý člen týmu samostatný úkol pro návrh. Při vytváření návrhu ve skupině můžete chtít navštívit týmovou knihovnu, která se skládá ze společných součástí a ikon mezi členy. Nabídku můžete otevřít pomocí Command + Option + O na Macu nebo Ctrl + Alt + O na Windows k otevření nabídky týmové knihovny.

11. Export Design

Po dokončení návrhu možná budete chtít použít možnost exportu k extrahování ikon a obrázků z návrhu, abyste je mohli poslat vývojářům k jejich implementaci. Můžete vybrat vrstvu a exportovat podrobnosti pomocí Command + Shift + E pro Mac nebo Control + Shift + E pro Windows.

Také na Guiding Tech

Používejte Figmu jako profík

Figma je vynikající nástroj pro návrháře UI/UX. Je zdarma pro začátečníky, umožňuje sdílení a přichází s mnoha klávesovými zkratkami, které umožňují hladký pracovní postup. Implementujte tyto klávesové zkratky do svého pracovního postupu a vytvářejte krásné návrhy uživatelského rozhraní jako profesionál.