TOP Figma pluginy , které usnadňují život designérům i vývojářům

Pluginy, které pomáhají a zjednodušují práci nejen v případě designu, ale i při vývoji mobilních a webových aplikací, jsou součástí Figmy už delší dobu.

Pluginy najdete přímo ve Figmě v sekci Plugins, odkud si je můžete nainstalovat. Výhodou je, že je nemusíte hledat a stahovat z externích stránek, jako například ve Sketchi, ale vybrali jsme pro vás jeden, který je zatím dostupný jen jako development plugin.

V tomto článku jsme pro vás vybrali 15 TOP Figma pluginů, které používáme i my a které stojí minimálně za vyzkoušení.

Motion

Pomocí pluginu Motion můžete vytvářet jednoduché animace přímo ve Figmě. Pokud potřebujete ve svém designu rozhýbat ikonu nebo ilustraci, Motion je dobrou odlehčenou alternativou k AE.

AEUX

Náročným animátorům doporučujeme plugin AEUX, který (téměř) bezpečně exportuje vrstvy z Figmy do Adobe AE. Následně zanimovat a vyexportovat jako animaci Lottie pomocí pluginu Bodymovin v AE. Pokyny k instalaci najdete v odkazu. V současné době je totiž tento plugin k dispozici jen jako „development plugin“.

Easometric

Flat někdy prostě nestačí. Pomocí pluginu Easometric můžete jediným kliknutím změnit svůj design na izometrickou perspektivu. A skvělé je, že to není destruktivní krok.

Better Font Picker

Přesně jak název napovídá, s tímto pluginem uvidíte ukázku fontu přímo při výběru a bude z vás „better font picker“.

Shadow Maker
 

Vytváření profesionálně vypadajících stínů nebylo nikdy jednodušší. Jedním kliknutím dodáte díky pluginu Shadow maker vašim designům hloubku jako profíci na Dribbble a Behance. Dejte si ale pozor, ať vás vaši frontend vývojáři pak neproklínají kvůli stínům o 10 úrovních.

Mesh Gradient

Říká se „Make it pop“. „Ať je to sexy...“ Mesh gradient vám pomůže vytvořit vrstvu Image s parádním barevným gradientem. Na výběr máte z matic 2 × 2, 3 × 3 nebo 4 × 4. Plugin má taky funkci Randomize, která vytváří zajímavé abstraktní tvary.

Instance Finder

Asi znáte ten pocit, když chcete upravit komponentu, ale nejste si jistí, kde všude se nachází. Instance Finder vám pomůže identifikovat všechna místa v souboru, kde jste komponentu použili, a pokud chcete, přenese vás k ní jedním kliknutím.

Style Organizer

Sloučení a propojení všech barevných a textových stylů na stránce. Čas se krátí a vy potřebujete dát svoje designy do pořádku? Žádný problém. Style organizer naskenuje vaši stránku a umožní vám sloučit všechny barvy a texty do stylů, které si vytvoříte. Upozornění: správné používání pluginu je návykové a může vést k výrazné úspoře času.

Unsplash Figma plugin

Pěkné designy a pěkné obrázky jdou ruku v ruce. Určitě jste si do svého designu taky nějaké hledali.

Není to vždycky snadné a často jde o zdlouhavou práci. Najít tematicky vhodný a zároveň vysoce kvalitní obrázek zabere čas.

Plugin Unsplash se postará o to, že namísto vyhledávání na různých portálech budete mít obrázky dostupné přímo. Umožňuje stahovat free fotky přímo do Figmy, a to z největší free databáze Unsplash.

Autoflow plugin

Jako designéři se téměř vždy snažíme vytvořit uspořádané flow screenů, kde máme spoustu framů. Případně se snažíme vytvořit stromovou strukturu, tzv. flow celého designu.

A to je zdlouhavý proces.

Pomocí funkce Autoflow si jednoduše označíte dva framy, ze kterých chcete flow vytvořit. Nakonec jedním kliknutím potvrdíte a je hotovo.

Brandfetch plugin

Už vás nebaví zdlouhavé hledání firemních log na webu? Brandfetch vám ušetří spoustu času.

Do pluginu zadáte URL adresu firmy, jejíž logo chcete použít. A ten vám ho následně vygeneruje.

Figma Stark Plugin

Pokud máte někdy problém rozpoznat správný kontrastní poměr barev, oceníte právě plugin Stark. Stačí vybrat dvě překrývající se vrstvy a plugin pomocí algoritmu vyhodnotí, zda je barevný kontrast ideální.

ImagePallette plugin

Existují různé teorie o barevných paletách a jedna z nich říká, že nejkrásnější barevné palety jsou vytvořeny z fotek. Právě plugin ImagePallettevám pomůže vygenerovat barevnou paletu z fotky. Stačí pouze vybrat obrázek, spustit plugin a paleta je na světě. :-)

Content Reel plugin

Skvělý plugin z dílny Microsoftu. Stává se vám často, že potřebujete vyplnit design reálným obsahem? Ať už se jedná o jméno, e-mail, avatár nebo telefonní číslo, plugin Content Reel vám práci urychlí a zjednoduší.

Jednoduše vygeneruje tento obsah za vás. V budoucnu plánují přidat i přidávání různých ikonek. Vyplatí se sledovat aktualizace.

Android Resources Export plugin

Tento plugin slouží k rychlému exportu assetů pro platformu Android. Tento plugin ocení designéři, kteří pracují na mobilních aplikacích a potřebují často exportovat assety pro developery.

Android resources export připraví assety ve složkách Drawable i Nine-patch. Kromě exportu Nine-Patch můžete exportovat i adaptivní app ikony do Play Store.