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.
Ostatní
- Rozšiřitelnost pomocí pluginů







