Anthropic vydal 17. dubna 2026 nový nástroj s názvem Claude Design. Jde o způsob, jak vytvářet webové návrhy, prototypy a prezentace pomocí přirozeného textu - bez grafického softwaru, bez Figmy, bez designéra na každý krok.
Jak Claude Design funguje
Otevřete projekt v claude.ai (záložka Design) a napíšete, co potřebujete. Například: "Navrhni záhlaví pro e-shop s oblečením, tmavý motiv, minimalistický styl." Claude Design vygeneruje živé HTML s CSS, které se spustí přímo v prohlížeči. Není to obrázek - je to klikatelný prototyp.
Dál iterujete přes chat ("přidej sekci s recenzemi zákazníků", "zvětši nadpis na mobilech") nebo posuvníky pro barvy a typografii. Hotový výsledek jde exportovat jako PDF, PowerPoint nebo přesunout přímo do Canva. A díky přímé integraci s Claude Code lze prototyp jedním příkazem předat do vývojového prostředí.
Pokud firma nahraje vlastní design systém - firemní barvy, fonty, komponenty - Claude Design ho automaticky aplikuje na všechny výstupy. To je zásadní výhoda oproti generování od nuly.
Pro koho to má smysl
Nástroj cílí hlavně na lidi bez designérského vzdělání - zakladatele startupů, produktové manažery, marketéry. V praxi:
- E-shop: rychlý prototyp produktové stránky před zahájením vývoje
- Firma: pitch deck pro klienta do 10 minut místo 2 dnů práce designéra
- Web agentura: ukázka konceptu zákazníkovi ještě před podpisem smlouvy
- Startup: testování 5 variant Landing page bez designéra a bez čekání
Oproti nástrojům jako Midjourney nebo DALL-E, které generují statické obrázky, je výstup Claude Design funkční HTML - tedy něco, s čím může vývojář rovnou pracovat. To je podstatný rozdíl.
Cena (duben 2026)
Claude Design nevyžaduje zvláštní předplatné, ale funguje jen na placených plánech Claude:
- Pro: 20 USD/měsíc (cca 470 Kč)
- Max 5x: 100 USD/měsíc
- Max 20x: 200 USD/měsíc
Bezplatný plán Claude Design nepodporuje. Enterprise zákazníci ho mají ve výchozím nastavení vypnutý - admin ho musí aktivovat v nastavení organizace.
Limity, na které je dobré být připraven
Nástroj je stále v research preview. Tedy ve fázi aktivního testování, kdy se věci mohou měnit. Konkrétní omezení:
- Žádná spolupráce více uživatelů v reálném čase - na rozdíl od Figmy
- Vygenerovaný kód vyžaduje ruční audit: přístupnost (UX), bezpečnost a SEO se nekontrolují automaticky
- Na okrajových případech design systému dělá chyby - odvozuje pravidla, nečte je přímo
Testujeme to v týmu
Claude Design aktuálně testujeme a první výsledky jsou hodně zajímavé. Věřím, že jde o kandidáta na změnu způsobu, jakým se design webů a aplikací tvoří - ne okamžitě, ale v horizontu pár let.
Zároveň platí, že výstup je jen tak dobrý, jak dobrý je zadavatel. Roky jsem kódoval každé tlačítko, každý nadpis, každý breakpoint. Vím přesně, co zadat a jak zadat - a to je zatím stále nenahraditelné.
Rád se s vámi spojím na konzultaci zdarma a můžeme se společně poradit, jak využít Claude Design u vašeho projektu. Napište mi.
Nauč se Claude Code
po individuální domluvě
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.
