Figma

Potřebujete navrhovat webové stránky a aplikace, spolupracovat na návrzích přímo s vašimi kolegy a usnadnit vývojářům práci? Pak určitě vyzkoušejte tento skvělý nástroj.

Nástroj najdete na adrese https://www.figma.com.

Shrnutí

Skvělá aplikace pro návrhu uživatelského rozhraní, základní prototypování a realtime spolupráci s dalšími kolegy na návrzích, ale také nechávat u návrhu přímo komentáře
Aplikace podporuje ukládání historie změn a verzování
Můžete využití knihovny přepoužitelných prvků
Aplikace je v omezené verzi zdarma, jinak se platí od $12 za editora
Můžete používat přes webový prohlížeč, ale také skrz aplikaci na libovolné platformě

Velkou výhodou Figmy je možnost použití v prohlížeči, takže nejste závislý na platformě jako například u nástroje Sketch. Zároveň nástroj nabízí také pokročilé možnosti pro návrhu digitálních produktů, které většina designérů potřebuje.

Co to umí

Tvorba UI

Vkládání různých tvarů pro návrhy, například:
- Základní tvary jako obdelník, elipsa, čára
- Kreslední vektorů
- Vkládání textů, obrázků
Pokročilá práce se symboly (přepoužitelné komponenty) a možnost vytvářet interaktivní komponenty
Pokročilá práce s vrstvami pomocí artboardů, ale také jednotlivých prvků
Možnost vytváření knihoven pro snazší udržení konzistence návrhů, knihovny pro iOS design a Material Design jsou v základní nabídceLze vytvářet i šablony stránek pro snazší vytváření nových projektů
Lze přidat data pro snazší tvorbu návrhů, například obrázky, textová data, atp.
Vytváření přepoužitelných stylů pro barvy nebo písmo
Pokročilá práce s objekty jako je transformace, skládání, prokládání, atp.
Lze využívat pravidla pro změny velikosti prvků, například uchycení k hraně skupiny, zafixování velikosti
Pokročilé možnosti stylování objektů, například:
- Nastavení barev, gradientů, obrázků
- Běžné formátování písma
- Nastavení vnitřních i vnějších stínů
- Možnosti rozmazání

Prototypování

Propojení obrazovek pomocí časování, tzv. hotspotů a interakcí
- Využití akcí jako jsou kliknutí myši, přejetí myši, zmáčknutí klávesy
Možnost využívat překrývání obrazovek místo přechodů pouze mezi stránkami
Možnost využit auto-animate funkce, ale také předdefinované transitions

Spolupráce

Na návrzích můžete pracovat přímo s kolegy a vidět jejich pohyb přímo v rámci souboru. Můžete ale také získat komentáře přímo k určitým prvkům v návrzích
Návrhy lze sdílet do různých formátů, například PNG, JPEG či SVG
Návrhy je možné sdílet ve formě tzv. Inspect módu. Vývojáři díky tomu mohou zjistit technické detaily pro tvorbu front-endů, CSS, atd.