Čtenáři jako vy pomáhají podporovat MUO. Když provedete nákup pomocí odkazů na našich stránkách, můžeme získat provizi přidružené společnosti. Přečtěte si více.

Figma je výkonný návrhářský nástroj a je první volbou většiny návrhářů UX/UI jako designového programu. Ve Figmě můžete vytvořit tolik a je to jednoduchý program, který se naučíte.

Jako designéři se často snažíme ušetřit čas, takže své drahocenné hodiny trávíme vytvářením dobré práce, spíše než procházením jídelních lístků. Sestavili jsme seznam užitečných zkratek Figma, které zefektivní váš pracovní postup.

Tato jednoduchá klávesová zkratka představuje rychlý způsob, jak škálovat položky. Udeř K a poté vyberte objekt, jehož velikost potřebujete změnit. Vše, co musíte udělat, je kliknout a přetáhnout jeden kotevní bod a váš objekt zůstane v měřítku a zároveň změní velikost na cokoliv, co potřebujete.

Nástroj Rám je ve Figmě velmi používaný nástroj při vytváření více rámových desek pro prototypové návrhy. Bít F na klávesnici vyvolá nástroj jediným klepnutím, což vám umožní rychle kreslit nebo upravovat velikost rámečku.

Rámeček můžete nakreslit přímo kliknutím a tažením kurzoru, nebo jakmile je vybrán nástroj Rámeček, můžete zadat zamýšlené velikosti do polí rozměrů v nabídce rámečku vpravo.

3. Přepínání mezi režimem návrhu a prototypu

The Posun + E zkratka umožňuje přepínat mezi režimem návrhu a režimem prototypu. Stejná zkratka funguje bez ohledu na to, ze kterého režimu začnete a do kterého se přepnete. Podívejte se na naše průvodce pro začátečníky Figma naučit se rozdíly mezi těmito režimy.

Případně existují pro tento účel konkrétnější zkratky. Alt (Okna) / Volba (Mac) + 8 lze použít k přepnutí z režimu prototypu do režimu návrhu Alt (Okna) / Volba (Mac) + 9 přepne z režimu návrhu zpět do režimu prototypu. Očividně, Posun + E je to jednodušší, ale je hezké mít možnosti.

4. Vyberte nejvnitřnější prvek jedním kliknutím (hluboký výběr)

Při navrhování ve více vrstvách nebo s vloženými obrázky může být obtížné rychle vybrat jeden prvek. Chcete-li ušetřit čas, když kliknete na tucetkrát, abyste vybrali nejspodnější vrstvu, použijte místo toho tuto zkratku.

Na Macu podržte Cmd + Klikněte prvek a ve Windows, Ctrl + Klikněte. Jedna jednoduchá klávesa ušetří minuty bezduchého klikání pro výběr prvku spodní vrstvy.

5. Přesuňte se o úroveň po výběru nejvnitřnějšího prvku

Jakmile vyberete nejvnitřnější prvek vašeho návrhu, možná si uvědomíte, že chcete vybrat prvek o úroveň blíže – snadné. Jakmile najdete nejvnitřnější prvek, udeřte Posun + Vstupte posunout o úroveň zpět. Můžete to udělat pro všechny úrovně.

6. Sbalit všechny vrstvy

Při navrhování ve Figmě se váš panel vrstev začne rozšiřovat a může vypadat trochu chaoticky, zvláště když vy převést HTML na design Figma. Chcete-li vrstvy sbalit, jednoduše stiskněte Alt + L (Windows) popř Volba + L (Mac).

Pokud máte při použití této zkratky vybraný prvek, vrstva s tímto prvkem zůstane otevřená. Výběrem kdekoli mimo kreslicí plátno zrušíte výběr všech prvků a pomocí zkratky sbalíte všechny vrstvy.

7. Zobrazit nebo skrýt mřížky rozvržení

Použití mřížek rozvržení je nejlepší způsob, jak zajistit, aby váš návrh zasáhl určité proporce a mohl se správně škálovat pro různá zařízení. I když jsou užitečné, nechcete, aby se mřížky vždy zobrazovaly.

Zapínání a vypínání mřížek rozložení je na Macu jiné než na Windows. Na počítači Mac stiskněte Ctrl + G pro její zapnutí nebo vypnutí. Pokud používáte Windows, je to tříklávesová zkratka; Ctrl + Posun + 4. Jsou různé, ale dělají to samé.

8. Umístěte více fotografií najednou

Pokud jste pro své obrázky navrhli rozvržení se zástupnými tvary, může být frustrující vkládat obrázky jeden po druhém. Tato zkratka vám umožňuje umístit více fotografií a jednoduše vybrat zástupný symbol – nebo kdekoli na kreslicí ploše – pro umístění každé jednotlivé fotografie.

Pro uživatele Mac stiskněte Cmd + Posun + K vytáhněte dialogové okno a vyhledejte své obrázky. V systému Windows je Ctrl + Posun + K abyste mohli najít a umístit více fotografií do svého návrhu Figma. jestli ty vytvořit hlavní šablonu ve Figmě, je to skvělá zkratka k použití.

9. Zkopírujte libovolný obrázek jako PNG

Při použití obrázků ve svém návrhu Figma můžete mít řadu formátů souborů, ale váš klient možná vyžaduje PNG. Jakýkoli obrázek můžete zkopírovat jako PNG bez ohledu na jeho původní formát.

Vyberte vybraný obrázek a stiskněte Cmd + Posun + C na Mac a Ctrl + Posun + C v systému Windows jej zkopírujte jako PNG. Tuto zkratku můžete snadno použít k zajištění vysokého standardu formátu obrázku, zejména pokud jste vytváření prezentací pomocí Figma.

10. Kapka barvy odkudkoli

Kapání barvy je užitečná funkce, když přenášíte barvu z jedné části vašeho návrhu do druhé. Tato rychlá klávesová zkratka vám umožní během vteřiny vytáhnout kapátko a vybrat barvu odkudkoli na kreslicím plátně.

Na Macu stiskněte Ctrl + Ca ve Windows je to klávesa s písmenem. Jakmile stisknete klávesové zkratky, přesuňte cíl kapátka nad barvu, kterou chcete použít, a jedním kliknutím vyberte barvu.

11. Otevřete kartu Zdroje

Karta Zdroje je domovem nabídek Komponenty, Zásuvné moduly a Widgety. I když neexistují zkratky pro otevírání těchto nabídek jednotlivě, zkratka Zdroje stále ušetří nějaký čas: Posun + . Můžeš použijte pluginy k vytváření a přidávání maket do vašich návrhů Figma.

Ušetřete čas pomocí klávesových zkratek Figma

Návrháři ve své práci obvykle používají zkratky, aby ušetřili čas a energii, a práce ve Figmě se neliší. Tyto klávesové zkratky Figma pouze poškrábou povrch klávesových zkratek, které můžete v programu použít.

Tyto klávesové zkratky nejsou zřejmé nebo snadno k nalezení, takže vezměte své nové poznatky do Figmy a kochejte se informacemi, které mnohým návrhářům trvá měsíce nebo roky, než zjišťují.