Hlavní funkce Figmy
Figma nabízí kompletní sadu nástrojů pro design: vektorový editor pro tvorbu ikon a ilustrací, komponentový systém pro opakovaně použitelné prvky (tlačítka, karty, formuláře), auto-layout pro automatické zarovnání, prototypovací mód pro tvorbu interaktivních prototypů, dev mode pro vývojáře (CSS hodnoty, rozměry, odsazení) a správu design tokenů (barvy, typografie, spacing). Vše běží v cloudu, takže nemusíte nic instalovat.
Proč je Figma standard v designu
Figma nahradila starší nástroje jako Sketch a Adobe XD díky několika výhodám: spolupráce v reálném čase (designér, vývojář a klient pracují na jednom souboru současně), cross-platform dostupnost (funguje na Windows, Mac i Linux přes prohlížeč), bohatý ekosystém pluginů a komunitních zdrojů, a generózní bezplatný plán pro malé týmy. Navíc nemusíte posílat soubory e-mailem — sdílíte odkaz a všichni vidí aktuální verzi.
Figma v našem workflow
V Appitectu používáme Figmu jako centrální nástroj celého designového procesu. Začínáme wireframy, pokračujeme přes vizuální design až po interaktivní prototypy — vše v jednom nástroji. Klient dostane přístup k projektu a může přímo v Figmě zanechávat komentáře k návrhům. Vývojář pak v dev mode přesně vidí rozměry, barvy a CSS hodnoty každého prvku. Tento workflow eliminuje nedorozumění a zajišťuje, že finální web odpovídá schválenému designu.
Figma pro netechnické uživatele
I když je Figma primárně nástroj pro designéry, její prohlížení a komentování je intuitivní i pro netechnické uživatele. Jako klient můžete procházet návrhy, přepínat mezi stránkami, klikat na prototyp a zanechávat komentáře přesně u prvku, ke kterému se vztahují. Nemusíte nic instalovat — stačí otevřít odkaz v prohlížeči. Díky tomu je zpětná vazba rychlá, přesná a přehledná pro celý tým.
Praktický příklad
Při návrhu e-shopu pro klienta z oblasti potravin jsme vytvořili v Figmě kompletní design systém: 60+ komponent (produktové karty, filtry, checkout flow, uživatelský účet), responzivní verze pro mobil a desktop a interaktivní prototyp celé nákupní cesty. Klient si prototyp prošel na mobilu a navrhl úpravy, které jsme zapracovali během hodiny. Vývojářský tým pak z Figmy přesně převedl design do kódu díky dev mode, kde měli všechny potřebné specifikace.