10 najlepších funkcií spoločnosti Figma, ktoré by mali používať všetci návrhári

Či už ste grafik na voľnej nohe alebo interný dizajnér UI / UX, osvojenie si hry Figma vám môže pomôcť vyšplhať sa po rebríčku úspešnej kariéry.

S ohľadom na to sú tu tie najlepšie funkcie spoločnosti Figma, o ktorých si myslíme, že by ich mali používať všetci dizajnéri...

Čo je to Figma?

Obr je pokročilý webový grafický návrhový nástroj, ktorý ponúka spoluprácu ďalšej generácie na prototypovaní UI / UX. Jedná sa o robustnú aplikáciu, ktorá vám umožňuje vytvárať jedinečné dizajny UX, ktoré sú užívateľsky prívetivé, ale profesionálne.

Či už ste vo svojom odbore etablovaní alebo len začínate kariéru ako dizajnér UI / UX alebo grafický dizajnér, tu sú tie najlepšie funkcie Figmy, s ktorými sa musíte vyrovnať.

1. Varianty pre správu komponentov

Variants je inteligentný modul správy komponentov, ktorý sa nazýva knižnica komponentov Figma. Môžete ľahko prehľadať duplicitné variácie toho istého komponentu a kombinovať ich do usporiadania knižnice tímových aktív.

Môžete tiež definovať jeden kontajner pre všetky podobné komponenty. Počas spoločnej práce Varianty uľahčujú členom tímu nájsť to, čo hľadajú. Vylúčte dohady svojho návrhového systému úpravou hodnôt a vlastností variantov komponentov.

2. Zoznamy s odrážkami

Do svojich dizajnérskych projektov UI / UX môžete tiež zahrnúť zoznamy s odrážkami a číslované zoznamy. Zoznamy umožňujú jednoduché usporiadanie údajov a zdôraznenie súvisiacich informácií vo vektorových dizajnoch. Môžete zahrnúť až päť úrovní odsadenia. Vizuálne farebné úpravy môžete vykonávať aj pomocou farby textu, ťahov a efektov.

Súvisiace: Adobe XD: bezplatný nástroj na návrh používateľského rozhrania a UX, ktorý môžete hneď teraz použiť

3. Pripojte viac účtov Figma

Prístup ku všetkým účtom, pracovným priestorom a profilom komunity Figma na jednej obrazovke. Môžete zostať prihlásený až do 10 účtov Figma. V ľavom hornom rohu obrazovky Figma môžete rýchlo prepnúť na ľubovoľný pracovný priestor. V prípade účtov otvorte prepínač účtov kliknutím na v pravom hornom rohu.

4. Prepracovaná kontrola tab

Predchádzajúci panel kódu z Figmy je teraz záložkou Inspect. Táto funkcia umožňuje spolupracovníkom, najmä vývojárom, získať hodnoty a kódy návrhov tých, na ktorých pracujete. Členovia vášho tímu môžu z tejto karty extrahovať údaje, ako sú Farby, Varianty, Vlastnosti, Tiene, Obsah, Orámovanie a Typografia.

5. Ponuka na výmenu inštancie

V roku 2020 spoločnosť Figma vylepšila ponuku Swap Instance tak, aby obsahovala ponuku v štýle push. Umožňuje dizajnérom bez námahy surfovať medzi komponentmi.

Medzi tímovými knižnicami môžete tiež prepínať pomocou rozbaľovacieho výberu. Pre náhľad komponentu existuje elegantná miniatúra.

6. Knižnica súborov a doplnkov komunity Figma

Figma má komunitnú platformu obohatenú o zdroje, kde môžete zverejňovať svoje projekty, aby ich mohli kolegovia členovia preskúmať alebo prepracovať. Existujú tisíce autorov a môžete získať nasledujúce zdroje:

• Knižnica ilustrácií otvorených figúrok
• Diaľkový design šprint
• Stavebnica materiálového dizajnu
• Šablóny Figma

Pluginy Figma sú vysoko výkonné a zároveň stabilné a bezpečné. V čase písania tohto článku je k dispozícii viac ako 40 exkluzívnych doplnkov a ich počet sa zvyšuje. V rámci predplatného pre podniky môžete distribuovať súkromné ​​doplnky v rámci spoločnosti. Niektoré užitočné doplnky, ktoré môžete použiť, sú:

• Opakovaná automatizácia úloh v rámcoch Figma
• Navrhnite doplnky na detekciu chýb
• Doplnky dátovej populácie

7. Zeplinova integrácia

Figma podporuje domorodca Doplnok Zeplin ktorý umožňuje jednoduchý export návrhov Figmy pravým tlačidlom myši do pracovných priestorov Zeplin pre ďalší brainstorming a vývoj. Na rozdiel od iných nástrojov na navrhovanie neexistujú žiadne štikútky s rozlíšením alebo výkonom, keď potrebujete exportovať väčšie rámy alebo vzory Figma.

Figma a Zeplin tiež spolupracujú na zavedení novej funkcie živej aktualizácie komponentov Figma pre Zeplin.

8. Aktualizácia projektu v reálnom čase

V procese návrhu UI / UX, ktorý nezahŕňa Figmu, musí celý tím použiť na prenos aktualizácií projektu a makiet návrhov viac ako jeden nástroj tretej strany. Na zabezpečenie toho, aby bol každý člen tímu nad aktuálnym stavom, je potrebný prenos viacerých súborov.

Avšak prostredníctvom aktualizácie v reálnom čase sa samotná aplikácia Figma stará o výmenu prototypu a jeho aktualizácií v rámci členov tímu.

Odovzdanie projektu od projektanta vývojárovi nie je v prípade Figmy skutočne potrebné. Je to tak preto, lebo keď na zdieľanie makiet Figmy používate Confluence, všetky zmeny v dizajne sa automaticky prejavia ako živá aktivita v súbore projektu.

Súvisiace: Aký je rozdiel medzi UI a UX dizajnom?

9. Intuitívne a priame vytváranie prototypov

U spoločnosti Figma je prototypovanie super ľahké a bez zbytočných neporiadkov, pretože obsahuje prechod medzi jednotlivými rámami. Figma je nástroj typu „všetko v jednom“ a nepotrebujete nástroj na kontrolu tretích strán, ako je Marvel alebo InVision.

Prototypy Figmy môžete bez námahy zdieľať s členmi tímu, rovnako ako zdieľanie dizajnových súborov Figma. Všetko, čo musíte urobiť, je zdieľať odkaz s príslušnými oprávneniami na úpravy. Akýkoľvek komentár alebo spätná väzba zostáva v nástroji a tiež môžete nájsť záznamy v rámci Slacku.

Vývojári môžu ľahko získať prístup k pracovnému postupu návrhu projektu, nechať návrhárovi komentáre a získať atribúty a merania CSS.

Súvisiace: Jednoduché príklady kódu CSS, ktoré sa môžete naučiť za 10 minút

10. Zdieľajte spätnú väzbu na kontrolu dizajnu

Recenzia na návrhový projekt UI / UX je pri použití programu Figma jednoducho tímová konferencia. Počas brainstormingu a kontrolných stretnutí môže celý tím pracovať na veľkej obrazovke a zaznamenávať komentáre a opravovať problémy v rovnakom dizajnovom rámci Figma.

Pretože spoločnosť Figma podporuje najpokročilejšiu technológiu komentovania v aplikáciách, zdieľanie spätnej väzby je bezproblémové. Môžete komentovať prototypy aj dizajnové režimy. Akýkoľvek e-mailový klient alebo Slack môže ukladať komentáre a návrhy.

Figma uľahčuje navrhovanie a vytváranie prototypov

Navrhovanie a prototypovanie UI / UX vyžaduje vyššiu zručnosť a zameranie na viac nástrojov. Ale s Figma je bezproblémové učiť sa a implementovať dizajnérske schopnosti v akcii a dodávať UX, čo skutočne zlepšuje zákaznícku skúsenosť.

Môžete vykonať prototypovanie, brainstorming, kontrolu a odovzdanie návrhu používateľského rozhrania, a to všetko pomocou rovnakého nástroja. Figma je dnes priemyselným štandardom a určite stojí za to si ho vyskúšať.

Ako zabezpečiť konzistentnosť vašej značky s programom Adobe Spark

S programom Adobe Spark môžete priradiť farby, písma a logá k profilu značky, čo uľahčuje vytváranie konzistentných návrhov.

Prečítajte si Ďalej

O autorovi