Figma je výkonný dizajnový nástroj a je prvou voľbou dizajnérov UX/UI ako dizajnérskeho programu. V rámci Figmy môžete vytvoriť toľko a je to jednoduchý program, ktorý sa naučíte.
Ako dizajnéri sa často snažíme ušetriť čas, takže vzácne hodiny trávime vytváraním dobrej práce, a nie prehrabávaním sa v jedálnych lístkoch. Zostavili sme zoznam užitočných klávesových skratiek Figma, ktoré zefektívnia váš pracovný postup.
Táto jednoduchá jednoklávesová skratka predstavuje rýchly spôsob škálovania vašich položiek. Zasiahnite K a potom vyberte objekt, ktorého veľkosť potrebujete zmeniť. Všetko, čo musíte urobiť, je kliknúť a potiahnuť jeden kotviaci bod a váš objekt zostane v mierke a zároveň zmení veľkosť na čokoľvek, čo potrebujete.
Nástroj Frame je vo Figme veľmi používaný nástroj pri vytváraní viacerých rámových dosiek pre prototypové návrhy. Udieranie
F na klávesnici zobrazí nástroj jediným klepnutím, čo vám umožní rýchlo nakresliť alebo upraviť veľkosť rámu.Rám môžete nakresliť priamo kliknutím a ťahaním kurzora, alebo keď je vybratý nástroj Rám, môžete do polí rozmerov v ponuke rámu napravo zadať zamýšľanú veľkosť.
3. Prepínajte medzi režimom dizajnu a prototypu
The Shift + E skratka vám umožňuje prepínať medzi režimom návrhu a režimom prototypu. Rovnaká skratka funguje bez ohľadu na to, z ktorého režimu začínate a do ktorého sa prepínate. Pozrite si naše sprievodca pre začiatočníkov Figma aby ste sa naučili rozdiely medzi týmito režimami.
Prípadne existujú na tento účel špecifickejšie skratky. Alt (Windows) / Možnosť (Mac) + 8 možno použiť na prepnutie z režimu prototypu do režimu návrhu Alt (Windows) / Možnosť (Mac) + 9 prepne z režimu dizajnu späť do režimu prototypu. samozrejme, Shift + E je to jednoduchšie, ale je pekné mať možnosti.
4. Vyberte najvnútornejší prvok jedným kliknutím (hlboký výber)
Pri navrhovaní vo viacerých vrstvách alebo s vloženými obrázkami môže byť ťažké rýchlo vybrať jeden prvok. Ak chcete ušetriť čas, keď kliknete na výber najspodnejšej vrstvy, čo sa zdá ako desaťkrát, použite namiesto toho túto skratku.
Na Macu podržte Cmd + Kliknite prvok a v systéme Windows, Ctrl + Kliknite. Jeden jednoduchý kláves ušetrí minúty bezduchého klikania na výber prvku spodnej vrstvy.
5. Presuňte sa o úroveň po výbere najvnútornejšieho prvku
Keď vyberiete najvnútornejší prvok vášho dizajnu, možno si uvedomíte, že chcete vybrať prvok o úroveň bližšie – jednoduché. Keď nájdete najvnútornejší prvok, zasiahnite Shift + Zadajte posunúť o úroveň späť. Môžete to urobiť pre všetky úrovne.
6. Zbaliť všetky vrstvy
Pri navrhovaní vo Figme sa váš panel vrstiev začne rozširovať a môže vyzerať trochu chaoticky, najmä keď vy previesť HTML na dizajn Figma. Ak chcete vrstvy zbaliť, jednoducho stlačte Alt + L (Windows) alebo Možnosť + L (Mac).
Ak máte pri používaní tejto skratky vybratý prvok, vrstva s týmto prvkom zostane otvorená. Výberom kdekoľvek mimo kresliarskeho plátna zrušíte výber všetkých prvkov a pomocou skratky zbalíte všetky vrstvy.
7. Zobraziť alebo skryť mriežky rozloženia
Použitie mriežok rozloženia je najlepší spôsob, ako zabezpečiť, aby váš návrh dosiahol určité proporcie a mohol sa správne škálovať pre rôzne zariadenia. Aj keď sú užitočné, nie vždy chcete, aby sa mriežky zobrazovali.
Zapínanie a vypínanie mriežok rozloženia je na Macu iné ako na Windowse. Na počítači Mac stlačte Ctrl + G pre jeho zapnutie alebo vypnutie. Ak používate Windows, je to trojklávesová skratka; Ctrl + Shift + 4. Sú odlišné, ale robia to isté.
8. Umiestnite viacero fotografií naraz
Ak ste navrhli rozloženie so zástupnými tvarmi pripravenými pre vaše obrázky, môže byť frustrujúce vkladať obrázky jeden po druhom. Táto skratka vám umožňuje umiestniť viacero fotografií a jednoducho vybrať zástupný symbol – alebo kdekoľvek na ploche – na umiestnenie každej jednotlivej fotografie.
Pre používateľov počítačov Mac stlačte Cmd + Shift + K vytiahnite dialógové okno a vyhľadajte svoje obrázky. V systéme Windows je to tak Ctrl + Shift + K aby ste mohli nájsť a umiestniť viacero fotografií do svojho dizajnu Figma. Ak ty vytvorte hlavnú šablónu vo Figme, je to skvelá skratka na použitie.
9. Skopírujte ľubovoľný obrázok ako PNG
Pri používaní obrázkov v dizajne Figma môžete mať rôzne formáty súborov, ale váš klient možno vyžaduje PNG. Akýkoľvek obrázok môžete skopírovať ako PNG bez ohľadu na jeho pôvodný formát.
Vyberte si vybraný obrázok a stlačte Cmd + Shift + C na počítačoch Mac a Ctrl + Shift + C v systéme Windows, aby ste ho skopírovali ako PNG. Túto skratku môžete jednoducho použiť na zabezpečenie vysokého štandardu formátu obrázka, najmä ak ste vytváranie prezentácií pomocou Figma.
10. Kvapkanie farby odkiaľkoľvek
Kvapkanie farby je užitočná funkcia, keď preberáte farbu z jednej časti vášho návrhu do druhej. Táto rýchla klávesová skratka vám umožní za sekundu vytiahnuť kvapkadlo a vybrať farbu z ľubovoľného miesta na ploche.
Na Macu stlačte Ctrl + Ca v systéme Windows je to kláves s písmenom ja. Keď stlačíte klávesové skratky, presuňte cieľ kvapkadla nad farbu, ktorú chcete použiť, a jedným kliknutím vyberte farbu.
11. Otvorte kartu Zdroje
Na karte Zdroje sa nachádzajú ponuky Komponenty, Zásuvné moduly a Miniaplikácie. Hoci neexistujú skratky na otvorenie týchto ponúk jednotlivo, skratka Zdroje stále šetrí čas: Shift + ja. Môžeš použite pluginy na vytváranie a pridávanie makiet do vašich návrhov Figma.
Ušetrite čas pomocou skratiek Figma
Dizajnéri vo svojej práci zvyčajne používajú skratky, aby ušetrili čas a energiu a práca vo Figme nie je iná. Tieto skratky Figma iba poškriabajú povrch skratiek, ktoré môžete v programe použiť.
Tieto skratky nie sú zrejmé ani ich ľahko nájsť, takže svoje nové poznatky zoberte do Figmy a vychutnajte si informácie, ktoré mnohým dizajnérom trvá celé mesiace alebo roky, kým prídu.