Design ✅ Ověřeno research

Penpot

Open-source webový nástroj pro návrh rozhraní a prototypy s možností self-hostingu a napojením na AI agenty přes MCP.

Vyzkoušet Penpot
Ověřeno týmem Doporučeno 10 uživateli tento měsíc
Chcete tento nástroj porovnat s jinými?

Shrnutí

Penpot je open-source designový nástroj běžící v prohlížeči, určený designérům a vývojářům jako alternativa k Figmě. Základní cloudový tarif je zdarma (10 GB úložiště), placené tarify začínají na 7 USD za editora měsíčně (k 2026-09-30). Háček: AI funkce nejsou vestavěný generátor designu, ale fungují přes MCP server a vlastního AI agenta, přičemž MCP bylo podle zdroje z ledna 2026 ještě experimentální.

🇨🇿 Dostupnost v Česku: nejasné

Čeština:
Penpot se překládá přes Weblate; ve vlákně se zmiňují překladatelé češtiny, ale dokončení českého rozhraní není ověřeno. Počítejte s angličtinou.
Platba:
Ceník je v USD; způsob platby (karta) a možnost platby z ČR nebyly ve zdrojích ověřeny.
Soukromí a data:
Provozovatel je Kaleidos Subsidiary SL. Enterprise tarif nabízí volbu hostingového regionu a nástroj lze hostovat sám. Umístění dat a GDPR v cloudu nebyly ověřeny.
Poznámka:
Registrační blokace pro ČR jsme ve zdrojích nenašli, ale dostupnost jsme přímo netestovali.

O nástroji

Penpot je webová aplikace pro návrh uživatelských rozhraní, wireframů a klikacích prototypů. Podle oficiálních stránek ji provozuje společnost Kaleidos Subsidiary SL a je zapsaná jako Digital Public Good. Celý projekt je open-source (licence Mozilla Public License 2.0) a soubory ukládá v otevřených webových standardech, hlavně SVG. Oficiální web ho popisuje jako designovou platformu pro týmy, které potřebují škálovatelnou spolupráci.

Pracuje se v prohlížeči, takže není nutné nic instalovat. Více lidí může pracovat na stejném souboru, což je podobné Figmě. Penpot navíc nabízí tzv. self-hosting: aplikaci si můžete spustit na vlastním serveru a mít data pod vlastní kontrolou. Pro běžného začátečníka je ale jednodušší použít cloudovou verzi na penpot.app.

Ze stránek výrobce vyplývá, že nástroj pokrývá čtyři oblasti: návrh rozhraní (wireframy, interaktivní prototypy, layouty typu CSS Grid a Flex), designové systémy (komponenty, design tokeny, sdílené knihovny), AI workflow a práci s kódem (export a kontrola CSS, HTML, SVG a JSON). Zdroje z komunity uvádějí, že design tokeny vycházejí z návrhu W3C Design Tokens Community Group a jdou importovat i exportovat jako JSON. Verze 2.14 (po 17. březnu 2026) podle jednoho technického zdroje zpřístupnila tokeny v Plugins API.

K umělé inteligenci je potřeba být opatrný. Penpot sám o sobě podle dostupných zdrojů neumí ze zadání vygenerovat hotový design. Nabízí Penpot MCP server, který funguje jako most mezi AI asistentem (například Claude Desktop, Cursor nebo Claude ve VS Code) a designovým souborem. Vy zadáte úkol běžnou řečí, AI agent zvolí operaci a MCP server ji provede přes API Penpotu. Podle oficiální stránky je MCP server zdarma, bez paywallu, a lze ho použít hostovaný i nasadit vlastní. Náklady na samotného AI agenta ale nesete vy u svého poskytovatele modelů. Článek Smashing Magazine z ledna 2026 popisoval MCP jako stále experimentální, ještě ne ve fázi bety; jak je na tom k dnešku, jsme neověřili. Tvrzení ze stávajícího popisu o automatickém generování layoutů a barevných palet jsme ve zdrojích nenašli, proto je neuvádíme.

Od alternativ se Penpot liší hlavně otevřeností. Figma je uzavřená komerční služba, zatímco Penpot můžete hostovat sami a formát souborů je otevřený. Srovnávací weby (G2, Toolradar) uvádějí jako výhody free a open-source jádro, SVG a export CSS a HTML pro předání vývojářům. Jako nevýhody zmiňují menší ekosystém integrací, občasné problémy s výkonem, chybějící některé funkce a menší propracovanost oproti Figmě. Jde o obecná srovnání z agregátorů, ne o náš vlastní test.

Co se týče ceny, základní cloudový tarif je podle ceníku zdarma s neomezeným počtem členů týmu a 10 GB úložiště. Placený tarif Unlimited stojí 7 USD za editora měsíčně s horním stropem 175 USD měsíčně. Enterprise stojí 25 USD za člena měsíčně. Všechny ceny jsou v USD.

Čeština je nejasná. Penpot se překládá přes platformu Weblate do desítek jazyků a podle jednoho nalezeného vlákna na Weblate se na češtině pracovalo, ale úplnost a dostupnost českého rozhraní se nám nepodařilo ověřit. Počítejte proto spíše s anglickým rozhraním a dokumentací. Nástroj je vhodný pro lidi, kteří se chtějí naučit návrh rozhraní bez placení, nebo pro týmy, které řeší kontrolu nad daty. Nemusí sedět těm, kdo potřebují velký ekosystém pluginů a šablon hotový ke stažení.

💰 Cenové informace

Model: freemium
Cena od: 7 USD za editora měsíčně, tarif Unlimited (k 2026-09-30)
Free tier limity: Tarif Professional je zdarma: neomezený počet členů týmu, do 10 GB úložiště, 7 dní verzí autosave a 7 dní obnovy souborů (k 2026-09-30).
Detaily: Professional: zdarma, 10 GB, 7 dní verzí a obnovy. Unlimited: 7 USD/editor/měsíc, strop 175 USD/měsíc, 25 GB, 30 dní verzí a obnovy, 14denní zkušební verze. Enterprise: 25 USD/člena/měsíc, centrální správa, SSO, volba hostingového regionu, IP whitelisting, 14denní zkouška. Private Server: 50 000 USD/rok. Neziskové, vzdělávací a open-source organizace mohou žádat o slevu. Všechny ceny jsou v USD (k 2026-09-30).

🎯 Cílová skupina

Designéři rozhraní, vývojáři a malé týmy, které hledají bezplatný nebo self-hostovatelný nástroj na návrh webů a aplikací. Hodí se i začátečníkům, kteří se chtějí učit UI design bez placení.

💡 Případy použití

Návrh wireframů pro nový web nebo e-shop
Klikací prototyp aplikace pro ukázku zákazníkovi
Vytvoření designového systému s komponentami a tokeny
Předání návrhu vývojářům s exportem CSS, HTML nebo SVG
Provoz vlastní instance Penpotu pro firemní týmy
Napojení AI asistenta přes MCP na designový soubor

✅ Výhody

Základní tarif je podle ceníku zdarma a bez limitu počtu členů týmu
Open-source s možností self-hostingu
Otevřený formát založený na SVG a export CSS/HTML pro vývojáře
Práce v prohlížeči se sdílenou spoluprací
MCP server je podle oficiálního webu zdarma a funguje s různými AI agenty

❌ Nevýhody

Podle srovnávacích webů je méně propracovaný než Figma
Menší ekosystém integrací a občasné problémy s výkonem uváděné v recenzích
AI funkce vyžadují vlastního AI agenta a jeho náklady platíte sami
MCP bylo v lednu 2026 ještě popisováno jako experimentální
Česká lokalizace není ověřena

👥 Ideální pro

Začínající UI/UX designéři, kteří se chtějí učit bez nákladů Vývojáři, kteří si chtějí sami nakreslit wireframy Týmy, které chtějí mít data na vlastním serveru Freelanceři a malé firmy s omezeným rozpočtem Neziskové a vzdělávací organizace Zájemci o experimenty s AI agenty nad designovými soubory

Hlavní funkce

Návrh rozhraní a wireframů přímo v prohlížeči, takže není třeba nic instalovat.
Interaktivní prototypy, díky kterým si návrh můžete proklikat, než ho předáte vývojářům.
Layouty typu CSS Grid a Flex, které se chovají podobně jako skutečný web.
Komponenty, sdílené knihovny a design tokeny pro udržení jednotného vzhledu napříč projekty.
Export a prohlížení kódu (CSS, HTML, SVG, JSON) usnadňuje předání návrhu do vývoje.
Penpot MCP server umožňuje propojit AI asistenta s designovým souborem.
Plugin API a REST API pro vlastní automatizace a integrace.
Self-hosting pro týmy, které chtějí mít data na vlastním serveru.
Otevřený formát souborů založený na SVG omezuje závislost na jednom dodavateli.

Jak začít

  1. Otevřete penpot.app a vytvořte si bezplatný účet.
  2. Vytvořte nový projekt a prázdný soubor.
  3. Nakreslete jednoduchý wireframe z obdélníků a textu.
  4. Zkuste vytvořit komponentu a použít ji vícekrát.
  5. Propojte obrazovky do prototypu a přehrajte si ho.
  6. Pokud chcete AI, prostudujte si dokumentaci k Penpot MCP serveru.

Co vyzkoušet jako první

Vytvoř wireframe úvodní stránky e-shopu s hlavičkou, vyhledáváním a mřížkou produktů.
Navrhni tři barevné tokeny pro tlačítka (primární, sekundární, nebezpečí) a použij je na komponentě tlačítka.
Z této komponenty karty produktu vytvoř varianty pro světlý a tmavý režim.
Zkontroluj, které prvky v souboru nepoužívají design tokeny.

Na co si dát pozor

Nehodí se pro

  • Uživatelé, kteří očekávají hotové generování designu jedním kliknutím
  • Týmy závislé na velkém ekosystému pluginů a integrací
  • Lidé, kteří potřebují kompletně české rozhraní (nebylo ověřeno)

Limity a co není ověřeno

  • Nástroj jsme nevyzkoušeli, vše vychází z oficiálních stránek a článků.
  • Úplnost českého rozhraní se nepodařilo ověřit.
  • Umístění dat v cloudové verzi a podrobnosti o GDPR jsme ve zdrojích nenašli.
  • Aktuální stav MCP serveru po lednu 2026 nebyl ověřen.
  • Ceny jsou jen v USD; způsob placení z ČR nebyl ověřen.

Časté otázky

Je Penpot zdarma?

Základní cloudový tarif Professional je podle ceníku zdarma, s 10 GB úložiště (k 2026-09-30). Placené tarify začínají na 7 USD za editora měsíčně.

Funguje Penpot česky?

Penpot se překládá přes Weblate, ale úplnost češtiny jsme nemohli ověřit. Počítejte s anglickým rozhraním.

Je Penpot open-source?

Ano, podle zdrojů je licencován pod Mozilla Public License 2.0 a lze ho hostovat na vlastním serveru.

Umí Penpot generovat design pomocí AI?

Penpot sám ne, podle zdrojů potřebuje AI agenta propojeného přes MCP server. Náklady na agenta platíte u svého poskytovatele.

Je Penpot náhradou Figmy?

Srovnávací weby ho označují za použitelnou alternativu, ale méně propracovanou a s menším ekosystémem integrací.

Jsou moje data v bezpečí?

Můžete použít self-hosting pro plnou kontrolu. Podrobnosti o umístění dat v cloudové verzi a GDPR jsme neověřili.

Na co se ještě podívat

  • Figma – Nejrozšířenější nástroj s velkým ekosystémem pluginů, ale uzavřený a placený v plné verzi.
  • Sketch – Zavedený nástroj pro UI design, podle zdrojů uzavřený komerční produkt.
  • Canva – Jednodušší volba pro grafiku a prezentace, ne pro návrh rozhraní aplikací.

Začínáte s Penpot?

Přečtěte si naše praktické návody a tipy pro efektivní využití tohoto nástroje.

Objevte další AI nástroje

Prohlédněte si naši kompletní sbírku Design nástrojů a najděte ten ideální pro vaše potřeby.