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ů

Napsat komentář