Figma je cloudová design platforma, která běží přímo v prohlížeči - bez instalace, na Macu, Windows i Chromebooku. Funguje trochu jako Google Docs pro design: víc lidí edituje stejný soubor najednou a vidí kurzory ostatních v reálném čase.
Co je Figma a jak funguje?
Figma nahradila starý model, kdy designér poslal PNG obrázek, dostal zpět email s připomínkami a celé kolo se opakovalo pořád dokola. Místo toho se komentuje přímo v souboru - kliknete na konkrétní prvek, napíšete poznámku, označíte kolegu a je vyřízeno.
Kdo má oprávnění jen na prohlížení, vidí design a může přidávat komentáře, ale nic needituje. Sdílet odkaz na prohlížení jde i bez účtu, ke komentování už ale Figma účet potřebuje - a to i bezplatný.
Pro klienty existuje takzvaný prototype-only link, kde vidí jen interaktivní prototyp bez přístupu k jednotlivým vrstvám designu. Tahle funkce ale patří jen k placeným plánům - na bezplatném Starter plánu má každý, kdo dostane odkaz, přístup i do plného editoru.
Jak Figma pomáhá s předáním designu do kódu?
Součástí Figmy je Dev Mode - režim pro vývojáře, kde najdou přesná měření, typografii, export assetů a code snippety. Umí i porovnat verze a označit, co je „ready for dev“.
Je potřeba počítat s jednou věcí: Dev Mode negeneruje produkční kód. Vypíše hodnoty jako pevné hexadecimální barvy místo proměnných a nepočítá s responzivitou - měří jen k tomu breakpointu, na kterém zrovna jste. Funguje to nejlíp u čistě postavených souborů s vlastním design systémem, auto-layoutem a komponentami - u plochého wireframe náčrtu nebo obyčejného PNG obrázku moc nepomůže.
Kdo chce jít ještě dál, propojí komponenty Figmy přímo s kódem webu přes nástroj Code Connect - bez něj si AI model při generování kódu spíš domýšlí, jak má výsledek vypadat. V praxi se na tohle propojení hodně používá i open-source nástroj Framelink, oblíbený mezi vývojáři pro cestu design → kód. Oficiální propojovací nástroj od Figmy zase defaultně generuje kód v Reactu s Tailwindem, tedy v běžných dnešních technologiích pro stavbu webu.
Tohle je přesně místo, kde se design ve Figmě potkává s hotovým webem. Stavím weby na míru, kde se design z Figmy promítne do reálného, rychlého kódu - ne jen do reference sheetu. Web na míru →.
Kolik stojí Figma v roce 2026?
K červenci 2026 vypadá ceník Figmy takto (roční platba, sedadlo Full pro plné úpravy):
- Professional: $16/měsíc (roční platba) nebo $20/měsíc (měsíční platba), levnější sedadla Dev za $12 a Collab za $3
- Organization: $55/měsíc, jen roční platba
- Enterprise: $90/měsíc, jen roční platba
- Free (Starter): zdarma, ale omezeně - dohromady maximálně 3 soubory pro Figma Design a Sites, zvlášť 3 FigJam a 3 Slides, 150 AI kreditů denně a historie verzí jen 30 dní
Od března 2025 přešla Figma na tenhle systém sedadel (Full, Dev, Collab, View) místo starších licencí po produktech. Ceny se ale mění, takže je dobré si je před rozhodnutím ověřit přímo na figma.com/pricing.
Jaké má Figma limity?
Offline provoz je slabší stránka. Otevřené soubory jde editovat i bez připojení a jde založit jeden nový soubor od nuly, ale existující nenačtené soubory, knihovny komponent nebo historii verzí bez internetu neotevřete. Po připojení se vše zase sesynchronizuje - offline data drží Figma až 30 dní, v prohlížeči Safari jen 7.
Adobe XD, dlouholetý konkurent, přešel v roce 2024 do takzvaného maintenance módu - Adobe u něj zastavilo vývoj i prodej nových licencí, funguje jen pro stávající předplatitele Creative Cloud. Podle průzkumu UX Tools z roku 2024 má dnes Figma mezi profesionálními UI a UX designéry zhruba osmdesátiprocentní podíl. Kromě klasického ručního designu se čím dál víc mluví i o AI nástrojích typu Claude Design, které umí návrh generovat rovnou z textového zadání. Kdo naopak hledá open-source alternativu bez vendor lock-inu, může se podívat na Penpot - dá se provozovat i na vlastním serveru, což ocení třeba zdravotnictví nebo státní správa, kde data nesmí opustit interní síť.
Můj pohled
Figmu používáme v týmu téměř pořád, je to náš základní nástroj pro design. Pomáhá nám i s tím, jak se návrh dostane do webové podoby - přes Dev Mode a propojení komponent s kódem vidíme přesně, co má vývojář postavit, a neztrácíme čas dohadováním nad detaily. S dnešními nástroji dokážeme tenhle krok od návrhu k hotovému webu udělat mnohem rychleji, než jsme byli zvyklí ještě před pár lety.
Figma se za pár let stala standardem, se kterým počítá skoro každá agentura i freelancer v designu. Pro majitele firmy je hlavní zpráva jednoduchá: designér vám může poslat živý odkaz místo desítek příloh a vy do něj rovnou napíšete poznámku. Zbytek - kolik to bude stát a jak rychle se to promění v hotový web - záleží na tom, co s návrhem uděláte dál.
Pavel Szabo
Programátor webů, eshopů a informačních systémů s více než 23 lety praxe. Pomáhám firmám i jednotlivcům s online podnikáním, automatizacemi a využitím AI v praxi.
