10 nejlepších funkcí Figmy, které by měli všichni návrháři používat

Ať už jste grafik na volné noze nebo interní designér UI / UX, zvládnutí hry Figma vám může pomoci vyšplhat se po žebříčku úspěšné kariéry.

S ohledem na to jsou zde ty nejlepší funkce společnosti Figma, o kterých si myslíme, že by je měli používat všichni návrháři...

Co je to Figma?

Obr je pokročilý webový nástroj pro grafický design, který nabízí spolupráci příští generace na prototypování UI / UX. Jedná se o robustní aplikaci, která vám umožňuje vytvářet jedinečné UX designy, které jsou uživatelsky přívětivé, ale profesionální.

Ať už jste ve svém oboru etablovaní nebo právě začínáte kariéru jako návrhář UI / UX nebo grafický designér, zde jsou ty nejlepší funkce Figmy, se kterými se můžete vyrovnat.

1. Varianty pro správu komponent

Variants je inteligentní modul pro správu komponent, známý jako knihovna komponent Figma. Můžete snadno odstranit duplicitní varianty stejné komponenty a zkombinovat je do organizace knihovny týmových aktiv.

Můžete také definovat jeden kontejner pro všechny podobné komponenty. Během společné práce Varianty usnadňují členům týmu najít to, co hledají. Vyloučte dohady svého návrhového systému přizpůsobením hodnot a vlastností variant komponent.

2. Seznamy s odrážkami

Do návrhových projektů UI / UX můžete také zahrnout seznamy s odrážkami a číslované seznamy. Seznamy umožňují snadno uspořádat data a zdůraznit související informace ve vektorových vzorech. Můžete zahrnout až pět úrovní odsazení. Vizuální barevné úpravy můžete provádět také pomocí barvy textu, tahů a efektů.

Příbuzný: Adobe XD: bezplatný nástroj pro návrh uživatelského rozhraní a UX, který můžete hned teď použít

3. Připojte více účtů Figma

Získejte přístup ke všem účtům, pracovním prostorům a profilům komunity Figma na jedné obrazovce. Můžete zůstat přihlášeni až k 10 účtům Figma. V levém horním rohu obrazovky Figma můžete rychle přepnout na libovolný pracovní prostor. U účtů kliknutím na v pravém horním rohu otevřete přepínač účtů.

4. Karta Revamped Inspect

Předchozí panel kódu z Figmy je nyní záložkou Inspect. Tato funkce umožňuje spolupracovníkům, zejména vývojářům, získat hodnoty a kódy návrhů těch, na kterých pracujete. Členové vašeho týmu mohou z této karty extrahovat data, jako jsou Barvy, Varianty, Vlastnosti, Stíny, Obsah, Ohraničení a Typografie.

5. Nabídka pro výměnu instancí

V roce 2020 společnost Figma přepracovala nabídku Swap Instance a zahrnovala nabídku ve stylu push. Umožňuje návrhářům bez námahy surfovat mezi komponenty.

Můžete také použít rozevírací selektor k přepínání mezi týmovými knihovnami. K náhledu komponenty existuje elegantní miniatura.

6. Knihovna komunitních souborů a pluginů Figma

Figma má komunitní platformu obohacenou o zdroje, kde můžete publikovat své projekty, aby je mohli prozkoumat nebo přepracovat kolegové. Existují tisíce autorů a můžete získat následující zdroje:

• Knihovna ilustrací otevřených postav
• Dálkový design sprintovat
• Materiál designová sada
• Šablony Figma

Pluginy Figma jsou vysoce výkonné a zároveň stabilní a bezpečné. V době psaní tohoto článku je k dispozici více než 40 exkluzivních pluginů a jejich počet se zvyšuje. V podnikových předplatných můžete distribuovat soukromé pluginy v rámci společnosti. Některé užitečné pluginy, které můžete použít, jsou:

• Opakovaná automatizace úkolů v rámcích Figma
• Navrhněte doplňky pro detekci chyb
• Doplňky datové populace

7. Integrace Zeplin

Figma podporuje domorodce Zeplin plugin který umožňuje jednoduchý export návrhů Figmy kliknutím pravým tlačítkem do pracovních prostorů Zeplin pro další brainstorming a vývoj. Na rozdíl od jiných návrhových nástrojů neexistují žádné škytavky s rozlišením nebo výkonem, když potřebujete exportovat větší rámy nebo vzory Figma.

Figma a Zeplin také společně pracují na zavedení nové funkce pro aktualizaci aktualizací komponent Figma pro Zeplin.

8. Aktualizace projektu v reálném čase

V procesu návrhu UI / UX, který nezahrnuje Figmu, musí celý tým použít více než jeden nástroj třetí strany k přenosu aktualizací projektu a modelových návrhů. K tomu, aby každý člen týmu mohl mít aktuální stav, je nutný přenos více souborů.

Prostřednictvím aktualizace v reálném čase se však samotná aplikace Figma stará o výměnu prototypu a jeho aktualizací v rámci členů týmu.

Předání projektu od návrháře vývojáři není ve Figmě opravdu nutné. Je to proto, že když používáte Confluence ke sdílení maket Figmy, všechny změny v návrhu se automaticky zobrazí jako aktivní aktivita v souboru projektu.

Příbuzný: Jaký je rozdíl mezi UI a UX designem?

9. Intuitivní a přímočaré vytváření prototypů

U společnosti Figma je prototypování super snadné a bez nepořádku, protože zahrnuje přechod od rámu k rámu. Figma je nástroj typu „vše v jednom“ a nepotřebujete nástroj na kontrolu od jiného výrobce, jako je Marvel nebo InVision.

Prototypy Figmy můžete snadno sdílet se členy týmu, stejně jako sdílení návrhových souborů Figma. Vše, co musíte udělat, je sdílet odkaz s příslušnými oprávněními k úpravám. Jakýkoli komentář nebo zpětná vazba zůstanou v nástroji a také můžete najít záznamy v Slacku.

Vývojáři mohou snadno přistupovat k pracovnímu postupu návrhu projektu, zanechat komentáře návrháři a získat atributy a měření CSS.

Příbuzný: Jednoduché příklady kódu CSS, které se můžete naučit za 10 minut

10. Sdílet zpětnou vazbu ke kontrole designu

Recenze na návrhový projekt UI / UX je jednoduše týmová konference při použití Figmy. Během brainstormingu a kontrolních relací může celý tým pracovat na velké obrazovce, aby zaznamenal poznámky a opravoval problémy ve stejném konstrukčním rámci Figma.

Protože společnost Figma podporuje nejpokročilejší technologii komentování v aplikacích, sdílení zpětné vazby je bezproblémové. Můžete komentovat jak prototypy, tak režimy návrhu. Každý e-mailový klient nebo Slack může ukládat komentáře a návrhy.

Díky společnosti Figma je navrhování a vytváření prototypů snadné

Navrhování a prototypování UI / UX vyžaduje vyšší sadu dovedností a zaměření na více nástrojů. Ale u společnosti Figma je bezproblémové učit se a implementovat návrhové dovednosti v akci a dodávat UX, které skutečně zlepšují zákaznickou zkušenost.

Můžete provádět prototypování, brainstorming, revizi a předání návrhu uživatelského rozhraní, vše pomocí stejného nástroje. Figma je nyní průmyslovým standardem a rozhodně stojí za vyzkoušení.

Jak zajistit konzistentnost vaší značky s Adobe Spark

S Adobe Spark můžete přiřadit barvy, písma a loga k profilu značky, což usnadňuje vytváření konzistentních návrhů.

Přečtěte si další

O autorovi