Figma
Figma je nástroj na návrh webu. Grafik v ní kreslí, ty s programátorem komentuješ přímo v návrhu. Tarif Starter je zdarma, placená licence od 16 € měsíčně.
Ověřeno 17. 10. 2026 · Připravil Ruslan Skopal
Figma v kostce
- Co to je
- Nástroj na návrh webů a aplikací, v prohlížeči i v aplikaci pro počítač. Grafik kreslí, tým komentuje přímo v návrhu.
- Vhodné pro
- E-shopy, které předělávají web nebo ho s grafikem upravují, aby se líp používal
- Cena
- Starter zdarma. Professional stojí za licenci Full (pro toho, kdo kreslí) 16 € měsíčně při roční platbě, 20 € při měsíční. Ceny jsou bez DPH.
- Kdo platí
- Jen ten, kdo kreslí nebo programuje. Prohlížet a komentovat jde na placeném tarifu bez licence.
- Starter
- Ve složce 3 soubory návrhů, historie verzí 30 dní, bez Dev Mode (režim pro programátora) a týmových knihoven. Koncepty (soubory mimo složku) neomezeně, sdílet je jde jen pro čtení.
- Pro programátora
- Dev Mode: rozměry, ukázky kódu, export obrázků, porovnání verzí. Jen na placených tarifech s licencí Full nebo Dev.
- E-shop
- Do Shoptetu ani jiné platformy se neinstaluje. Podle návrhu upraví šablonu programátor.
- Čeština a měna
- Rozhraní česky není. Platí se v GBP, CAD, EUR, JPY nebo USD, v korunách ne.
- Náročnost nasazení
- Registrace a pozvánka týmu, do e-shopu se nic neinstaluje
Co to je a co umí
Figma je nástroj na návrh webů a aplikací. Běží v prohlížeči, v aplikaci pro počítač i v mobilu. Grafik v ní nakreslí stránky a prototyp (proklikatelnou ukázku webu) a ty s programátorem píšeš komentáře přímo k místu, kterého se připomínka týká. Kromě editoru Figma Design má výrobce další produkty. Třeba FigJam (online tabule), Dev Mode (předání návrhu programátorovi), Figma Make (kód z textového zadání přes AI, „Prompt to code“) a Figma Sites (publikování webu, zatím ve zkušebním provozu).
- Návrh stránek z komponent (opakovaně použitelných prvků) se styly a automatickým rozvržením, které se přizpůsobí obsahu
- Interaktivní prototypy, které si projdeš jako web, i na mobilu
- Komentáře přímo v návrhu se zmínkou kolegy, odpověďmi a označením „vyřešeno“
- Dev Mode pro programátora: rozměry a vlastnosti prvků, ukázky kódu, export obrázků, porovnání verzí a označení částí připravených k naprogramování
- Týmové knihovny a design systém (sada barev, písma a komponent pro celý tým), jen v placených tarifech
- AI funkce za kredity (měsíční příděl na AI): třeba odstranění pozadí obrázku nebo Figma Make. AI úpravy obrázků Starter nemá
- MCP server (propojení Figmy s AI asistenty): AI asistent programátora (třeba Claude Code, Cursor nebo VS Code) přečte návrh a podle něj píše kód
„Nechceš mít novej projektový nástroj jménem Figma.“
„Tenhle mechanizmus je super v tom, že jako ušetříš za toho UXáka.“
Jak s tím pracuju v praxi
Ve Figmě se komentuje, řídí se jinde
- Řízení a schvalování držím v projektovém nástroji, třeba ve Freelu. Figma slouží ke komentování vizuálu.
- Výjimka je velká UX analýza se stovkami komentářů. Ta má jiný režim a jinou metodiku.
- Komentáře jdou po stránkách: homepage, kategorie, detail produktu, košík.
- Když jsou body hotové, nahraje se stránka znovu jako nová verze a komentuje se ta. Starou verzi už nekomentuju, na nové je spousta věcí jinak.
- U velké analýzy si vyfiltruju body s prioritou 5 z 5. Z 778 bodů jich takhle vyšlo zhruba 20 a tím se začíná.
- U každé inspirace ukazuju desktop i mobil. Mobil je fakt kriticky důležitý.
Úpravy webu si zadáš sám komentářem
Spoustu věcí víš sám a za UX specialistu tím ušetříš.
- 1Nech si od programátorů nahrát do Figmy aktuální podobu webu. Když je tam stará, napiš jim, ať tam dají aktuální.
- 2Vlevo nahoře si přepni na stránku, kterou chceš upravit, třeba homepage nebo košík.
- 3Vezmi nástroj komentáře, klikni na místo v návrhu a napiš konkrétní požadavek, třeba „tady tu zelenou dejte pryč“.
- 4Nápady si předtím naber na callu. Já je nadiktuju za 20 minut, ty je pak jen naťukáš do Figmy a programátor má práci.
Kdy Figma přichází na řadu
- 1Zreviduj zadání pro grafika. Po UX stránce bývá v pořádku, chybí v něm brand.
- 2Zjisti, kdo a jak dělá produktové obaly a jestli se budou sjednocovat.
- 3Moodboard (nástěnka s inspirací) od klienta, klidně na Pinterestu.
- 4Grafický manuál podle moodboardu.
- 5Teprve potom Figma a design webu. Koncept posílám jako náhled, plná Figma k připomínkování jde až později.
Na co jsem narazil
- Od externího konzultanta chci návrh rovnou ve Figmě, ať ho programátoři jen naprogramují.
- Práva řeším jen podle potřeby. Mám stejná práva jako klient: prohlížet a komentovat. Vyšší práva nedávají smysl, za ty se platí licence.
- Velikost písma posuzuj při zoomu 100 %. Jednou jsem odhadl písmo na 11 px a mělo 13, protože jsem se nedíval v měřítku 1:1.
- Figma je hodně náročná na paměť počítače. Mám notebook s 32 GB RAM a Figma si sama vezme třeba 20 GB.
Z mých callů s klienty ESHOP BOOSTER, březen až červen 2026.
Jak začít krok za krokem
- 1Založ si účet na figma.com. Tarif Starter je zdarma a na vyzkoušení stačí.
- 2Pozvi grafika a programátora e-mailem do souboru nebo jim pošli odkaz. Kdo má jen připomínkovat, dostane právo „can view“, s ním může komentovat i prohlížet rozměry.
- 3Nech si do Figmy nahrát aktuální podobu webu, desktop i mobil, rozdělenou po stránkách: homepage, kategorie, detail produktu, košík.
- 4Komentuj: klávesa C nebo ikona komentáře v liště, klikni na místo v návrhu a napiš, co se má změnit.
- 5Až začne pracovat programátor a bude chtít Dev Mode, přejdi na Professional a kup licenci Dev jen jemu. Ostatní můžou zůstat u bezplatného prohlížení.
Pro koho se hodí
Pro e-shop, který s grafikem a programátorem předělává web nebo ho upravuje, aby se líp používal (UX), a chce mít návrh i připomínky na jednom místě. Úpravy tam zadáš i ty sám, komentářem přímo v návrhu.
Pro koho spíš ne
Pro majitele, který jen občas upraví banner, je to zbytečně složité. Nehodí se ani na řízení úkolů a schvalování, na to patří projektový nástroj.
Kdy to nasadit
Když se navrhuje nový web, redesign nebo série UX úprav. Ne hned na začátku: nejdřív musí být zadání pro grafika a grafický manuál, teprve pak má smysl kreslit web ve Figmě.
Cena
Starter je zdarma. Placené tarify se platí za licenci podle role: Full pro toho, kdo kreslí, Dev pro programátora, Collab pro online tabuli a prezentace. Prohlížet a komentovat jde na placeném tarifu zdarma. Českému návštěvníkovi ukazuje ceník eura, ceny jsou bez DPH. Professional jde platit ročně, nebo měsíčně za vyšší cenu, Organization a Enterprise jen ročně.
- Starter: zdarmaVe složce 3 soubory Figma Design a Sites, 3 FigJam a 3 Slides, koncepty neomezeně. Bez Dev Mode a týmových knihoven, historie verzí 30 dní. 500 AI kreditů měsíčně, nejvýš 150 za den.
- Professional: Full 16 €, Dev 12 €, Collab 3 € za licenci měsíčně při roční platbě, při měsíční platbě Full 20 €, Dev 15 €, Collab 5 €Neomezeně souborů a složek, týmové knihovny, Dev Mode. AI kredity měsíčně: Full 3 000, Dev a Collab 500.
- Organization: Full 55 €, Dev 25 €, Collab 5 € za licenci měsíčněJen roční platba. Sdílené knihovny a písma napříč týmy, centrální správa. Full 3 500 AI kreditů měsíčně.
- Enterprise: Full 90 €, Dev 35 €, Collab 5 € za licenci měsíčněJen roční platba. Automatická správa uživatelů (SCIM), API pro design systém. Full 4 250 AI kreditů měsíčně.
Ceník ověřen 17. 10. 2026, aktuální ceny u výrobce
Integrace a napojení
Do e-shopu se Figma neinstaluje, je to nástroj na návrh. Nápověda Shoptetu, Upgates, Eshop-rychle ani WooCommerce ji neuvádí, návrh do šablony zapracuje programátor. Napojení podle výrobce: Slack, Notion, Jira a Google Workspace. Pro programátory Dev Mode s rozšířením pro VS Code a napojením na Jiru, Storybook a GitHub, dál REST API (rozhraní pro napojení jiných systémů), MCP server pro AI asistenty a pluginy z Figma Community.
Na co si dát pozor
- Starter má ve složce jen 3 soubory návrhů. Koncepty jsou neomezené, ale pozvat do nich jde jen s právem prohlížet. Pozvánka s právem upravovat do konceptů je jen v placeném tarifu.
- Ceny jsou bez DPH. Platí se v GBP, CAD, EUR, JPY nebo USD, v korunách ne.
- U roční platby se licence přidané během roku účtují zvlášť měsíčně za měsíční cenu, dokud je nepřidáš do ročního předplatného.
- Když člověka přesuneš na bezplatnou licenci View (jen prohlížení), poměrnou část peněz výrobce nevrací.
- AI kredity se každý měsíc obnovují a nevyčerpané se nepřevádějí.
- MCP server pro AI asistenty je zdarma jen ve zkušebním provozu, pak bude placený podle využití.
Srovnání s alternativami
- FigmaTento nástroj
- Zdarma
- Starter: 3 soubory návrhů ve složce, bez Dev Mode
- Placený tarif od
- 16 € za licenci Full měsíčně při roční platbě, 20 € při měsíční
- Navíc
- Komentování zdarma, Dev Mode, MCP server pro AI
- Penpot
- Zdarma
- Všechny funkce, open source
- Placený tarif od
- 7 USD za editora měsíčně, nejvýš 175 USD
- Navíc
- Provoz na vlastním serveru
- Sketch
- Zdarma
- Jen 30denní zkušební verze
- Placený tarif od
- 12 USD za editora měsíčně při roční platbě
- Navíc
- Jednorázová licence pro Mac za 120 USD
- Framer
- Zdarma
- Web na doméně Framer, 1 GB přenosu dat, nekomerční použití
- Placený tarif od
- 10 USD za web měsíčně při roční platbě
- Navíc
- Návrh rovnou publikuje jako web
- UXPin
- Zdarma
- 50 AI kreditů, nejvýš 2 prototypy
- Placený tarif od
- 29 USD za licenci měsíčně při roční platbě
- Navíc
- Prototypy z komponent v kódu
- Axure RP
- Zdarma
- Jen pro studenty a učitele
- Placený tarif od
- 29 USD za uživatele měsíčně při roční platbě
- Navíc
- Funkční prototypy bez kódu, Windows i Mac
Ceny a limity z ceníků výrobců, ověřeno 17. 10. 2026.
Alternativy a v čem se liší
- Penpot
Open source (otevřený kód) a zdarma bez omezení funkcí, jde provozovat i na vlastním serveru. Placený tarif Unlimited stojí 7 USD za editora měsíčně, nejvýš 175 USD měsíčně za celý tým.
- Sketch
Editor je jen pro Mac, diváci komentují v prohlížeči zdarma. Bez bezplatného tarifu, jen 30denní zkušební verze. Od 12 USD za editora měsíčně při roční platbě, nebo jednorázová licence pro Mac za 120 USD.
- Framer
Web v něm navrhneš a rovnou publikuješ i s hostingem a správou obsahu. Bezplatný tarif je podle výrobce pro nekomerční použití, s vlastní doménou od 10 USD měsíčně za web.
- UXPin
Prototypy skládá z komponent v kódu. Bezplatný tarif má jen 50 AI kreditů a nejvýš 2 prototypy, každý tarif podle výrobce začíná 14denní zkušební verzí. Core stojí 29 USD za licenci měsíčně při roční platbě, 49 USD při měsíční.
- Axure RP
Na wireframy (zjednodušené náčrty stránek) a funkční prototypy bez kódu, s hostingem prototypů na Axure Cloud. Bez bezplatného tarifu, od 29 USD za uživatele měsíčně při roční platbě.
Časté otázky
Je Figma zdarma?
Tarif Starter ano. Ve složce má 3 soubory návrhů, historii verzí 30 dní a nemá Dev Mode ani týmové knihovny. Koncepty mimo složku jsou neomezené.
Kolik stojí placená Figma?
Professional stojí za licenci Full 16 €, Dev 12 € a Collab 3 € měsíčně při roční platbě. Při měsíční platbě Full 20 €, Dev 15 € a Collab 5 €. Ceny jsou bez daně.
Musí si licenci platit každý, kdo návrh připomínkuje?
Ne. Na placeném tarifu může kdokoli prohlížet a komentovat bez licence. Platí jen ten, kdo kreslí (Full), nebo programátor v Dev Mode (Dev).
Jaký je rozdíl mezi licencí Full, Dev a Collab?
Full má přístup ke všem produktům. Dev má Dev Mode, online tabuli FigJam, prezentace a další, návrhy jen prohlíží a komentuje. Collab má FigJam a prezentace, návrhy jen prohlíží a komentuje a z Dev Mode jen základní prohlížení.
Je Figma česky?
Ne. Rozhraní je anglicky, japonsky, korejsky, francouzsky, německy, španělsky a portugalsky. Do dalších jazyků ji jde jen strojově přeložit v Chromu.
Zaplatím v korunách?
Ne. Nová předplatná jdou platit v GBP, CAD, EUR, JPY nebo USD.
Je v ceně DPH?
Ne, ceny na webu výrobce jsou bez daně. Firmě v EU se DPH přidá. S platným DIČ (VAT ID) se na faktuře neúčtuje a může ti vzniknout povinnost přiznat ji sám v režimu přenesení daňové povinnosti.
Nasadím Figmu na Shoptet?
Ne, do e-shopu se Figma neinstaluje. Je to nástroj na návrh a podle návrhu upraví šablonu programátor. Nápověda Shoptetu, Upgates, Eshop-rychle ani WooCommerce Figmu neuvádí.
Jak do Figmy zadám úpravu webu?
Přepni se na komentáře (klávesa C nebo ikona v liště), klikni na místo v návrhu a napiš konkrétní požadavek. Komentovat může každý, kdo má k souboru aspoň právo prohlížet.
Jak programátor dostane z Figmy podklady?
Nejlíp v Dev Mode, kde vidí rozměry, vlastnosti, ukázky kódu a stáhne obrázky. Potřebuje licenci Full nebo Dev na placeném tarifu. I bez ní jako divák uvidí rozměry, zkopíruje CSS (styly pro web) a vyexportuje podklady.
Mám ve Figmě řídit úkoly na redesignu?
Já to nedoporučuju. Řízení a schvalování patří do projektového nástroje, Figma slouží ke komentování vizuálu. Jinak řešíš ještě jeden projektový nástroj.
Co s komentáři, když se stránka mezitím změní?
Když jsou body hotové, nahraje se stránka do Figmy znovu jako nová verze a komentuje se ta. Komentovat starou verzi nedává smysl.
Umí Figma pracovat s AI?
Ano. Každá licence má měsíční AI kredity, Starter 500. Přes MCP server si AI asistent programátora (třeba Claude Code nebo Cursor) přečte návrh a píše podle něj kód. Zapisovat do návrhu umí jen na placených tarifech.
Potřebuju na Figmu výkonný počítač?
Počítej s tím, že bere hodně paměti. Na notebooku s 32 GB RAM si podle mé zkušenosti vezme třeba 20 GB.
Nevíš, jestli je tenhle nástroj pro tebe?
Nástroj je jen nástroj. V programu ESHOP BOOSTER spolu projdeme, které nástroje se tvému e-shopu vyplatí, kde ušetříš a kde platíš zbytečně.
Zdroje
- Ceník Figma: tarify, licence, AI kredity
- Nápověda Figma: tarif Starter
- Nápověda Figma: tarif Professional
- Nápověda Figma: platby na tarifu Professional
- Nápověda Figma: měny
- Nápověda Figma: daně a DPH
- Nápověda Figma: jazyky rozhraní
- Nápověda Figma: komentáře
- Nápověda Figma: sdílení a práva
- Nápověda Figma: Dev Mode
- Nápověda Figma: MCP server
- Nápověda Figma: AI kredity
Kam dál?
Tohle by tě mohlo také zajímat.
Reálné výsledky klientů
Po 8 měsících spolupráce jsme dokázali zvýšit marži po marketingových nákladech o 53 % a konverzní poměr o 64 %.
Pavel Ronovsky · Majitel, Fanda-NHL.cz
Po 3 měsících spolupráce jsme zvýšili meziroční růst obratu o 95 %. Díky přetendrování cen přepravy jsme snížili roční náklad na přepravu o 2,3 mil. Kč. Díky načerpání know-how jsme firmu posunuli minimálně o 2 roky.
Karol Piry · Majitel, SpinKids.cz
Po 5 měsících spolupráce se optimalizací marketingových nákladů zvýšil zisk o 59 %. Meziročně jsme díky zavedení marketingového plánu realizovali okamžitý růst o 37 %.
Nicole Váchová · Majitelka, francobene.cz
Co říkají klienti
„Spolupráce s Ruslanem mi přinesla především komplexní nadhled nad podnikáním z pohledu manažera malé firmy. Pomohl mi lépe si stanovovat priority a soustředit se na to, co má pro firmu…“Číst celé →
„Mentoring s Ruslanem mi pomohl dívat se na e-commerce strategičtěji a hlavně více datově. Dokáže velmi rychle pochopit podstatu problému, oddělit důležité věci od zbytečného šumu a zaměřit…“Číst celé →
„Senzační věc na ESHOP BOOSTERu je, že vytváří komunitu nadšených e-shopařů a je schopný na jedné platformě sloučit, začínající e-shopaře s lidmi, kteří se v e-commerce byznysu pohybují…“Číst celé →
Ruslan Skopal
Jsem ex-CEO a spoluzakladatel Trenýrkárna.cz, kterou jsem za 17 let dostal z nuly na tržby atakující 300 mil. Kč. Spoluzaložil jsem polygrafickou agenturu Tisk Kvalitně a digitální agenturu PromoGEN. Dnes předávám své know-how dalším e-shopařům v projektu ESHOP BOOSTER, který jsem založil s Danem Višňákem. Jsem také spoluzakladatelem projektu PodporujiČesko.cz, Skopea Labs a investorem v naBOSo.cz.