Claude Design: konverzační designový nástroj od Anthropicu - co umí a kde má limity

Anthropic včera (17. 4. 2026) spustil ve fázi research preview produkt Claude Design - konverzační designový nástroj, který z textového zadání generuje prototypy, slidy, one-pagery a marketingové materiály. Je poháněný čerstvě vydaným modelem Claude Opus 4.7 a dostupný předplatitelům plánů Pro, Max, Team a Enterprise. Pro enterprise je ve výchozím stavu vypnutý, admin ho musí povolit.

Produkt zapadá do širší strategie Anthropicu posunout se z pozice poskytovatele foundation modelu směrem k vertikálně integrovaným aplikacím - Claude Code pro vývoj, Cowork pro práci s dokumenty, Claude for Excel/PowerPoint/Word a teď Claude Design. Pro tvůrce, kteří už Claude Code používají, je nejzajímavější vlastností handoff bundle, který předává kompletní designové zadání přímo do implementace.

Tento článek popisuje, co Claude Design reálně dělá, jak ho efektivně používat a kde má momentální rozpočet pro research preview své limity - zejména ty ekonomické.

Co Claude Design skutečně je

Rozhraní má klasické dvouokenní uspořádání: chat vlevo, živý canvas vpravo. Napíšete zadání, Claude vygeneruje první verzi, a dál to iterujete. Refinement probíhá čtyřmi způsoby současně:

1. Konverzací v chatu - globální úpravy typu “udělej layout vzdušnější”, “přidej dark mode toggle”
2. Inline komentáři - kliknete na konkrétní komponentu a napíšete, co s ní
3. Přímou editací textu - dvojklik na text a píšete
4. Adjustment sliders - Claude sám vygeneruje interaktivní knoby pro ladění spacingu, barev, zaoblení rohů apod.

Výstupy nejsou ploché obrázky. PPTX export obsahuje reálné slide objekty s editovatelnými textovými rámečky, HTML export je funkční kód, handoff do Claude Code je strukturovaný balíček s designovým záměrem. Dostupné exporty: ZIP s raw soubory projektu, PDF, PPTX, odkaz do Canvy, standalone HTML, handoff do Claude Code.

Zásadní vlastnost, kterou bych neměl zamlčet: při onboardingu Claude přečte váš codebase a design soubory a postaví z nich design systém - barvy, typografii, komponenty. Každý další projekt ho používá automaticky. Tým může udržovat několik design systémů paralelně. Tohle je to, co odlišuje Claude Design od obecných generátorů typu Midjourney nebo Ideogramu - není to nástroj pro obrázky, je to nástroj pro výstupy, které respektují brand a komponentovou knihovnu.

Jak s ním pracovat efektivně

Klíčové pravidlo, které opakuje jak oficiální dokumentace, tak reference zákazníci (Brilliant, Datadog): dávejte kontext, ne mikro-instrukce. První prompt by neměl být “udělej mi landing page s gradientem”, ale popis záměru, publika a kritérií úspěchu. Anthropic to formuluje jako “řekněte, co stavíte, pro koho, a co na tom nejvíc záleží”.

Příklad slabého promptu:

Udělej onboarding formulář.

Příklad použitelného promptu:

Navrhuji onboarding formulář pro SaaS produkt. Cílovka jsou vytížení product manageři. Formulář se ptá na název firmy, roli a velikost týmu. Má působit rychle a nezahlcovat. Preferuji minimalistickou estetiku v stylu Stripe.

Rozdíl v kvalitě výstupu je podle reportů z launch dne výrazný - první verze z dobře zadaného promptu je často použitelná s drobnými úpravami, kdežto slabé promptování vede k generickému výstupu, který se dá kritizovat jako “AI slop design”.

Import materiálů

Claude Design přijímá:

• Textový prompt
• Obrázky a screenshoty (reference stylů, konkurence, existující design)
• DOCX, PPTX, XLSX (například outline pitch decku z Wordu)
• Odkaz na codebase (přečte komponenty, barvy, tokeny)
• Web capture tool - přetáhnete na živý web a Claude extrahuje konkrétní prvky (hero sekci, card komponent), aby prototyp vypadal jako reálný produkt

Poslední bod je v praxi podceňovaná vlastnost. Pokud připravujete variantu existující stránky, je zbytečné popisovat současný stav slovy - nechte Claude, ať si ho přečte sám.

Iterace a varianty

Pro průzkum několika směrů funguje prompt “ukaž mi tři varianty tohoto dashboardu s odlišnou vizuální hierarchií”. Claude si udržuje verze a můžete je kombinovat (“vezmi hlavičku z varianty 2 a obsah z varianty 3”). Referenční zákazník Brilliant v oficiálním blogu uvádí, že složitá interaktivní stránka, která v jiných AI nástrojích vyžadovala přes 20 promptů, zde zabrala 2. Berte to s rezervou jako marketingové tvrzení, ale směr je věrohodný - Opus 4.7 má prokazatelně lepší vision schopnosti než předchozí generace.

Design systém jako základ

Pokud stavíte pro firmu, která má zavedený vizuální jazyk, investujte čas do kvalitního onboardingu. Nahrání Figma souborů, brand guidelines, několika screenshotů z produkce a odkazu na codebase způsobí, že každý další projekt startuje z konzistentního základu. Bez toho Claude Design produkuje “tech startup defaultní estetiku” - což není nutně špatné, ale je to rozpoznatelné na dálku.

Workflow pro Claude Code projekty

Tohle je část, která je pro vývojáře nejzajímavější. Anthropic postavil Claude Design explicitně jako upstream pro Claude Code, nikoliv jako izolovaný designový nástroj. Handoff funguje takto:

1. V Claude Design dokončíte design nebo prototyp
2. Kliknete na “Send to Claude Code”
3. Claude sbalí do handoff bundle: vizuální layout, interakční záměr (ne jen pixely, ale logiku, co se má kam dít), použité komponenty, design tokeny, obsahové řetězce
4. V Claude Code pak stačí jedna instrukce typu “implement this handoff in our Next.js app using existing components from /components/ui”

Rozdíl oproti tradičnímu Figma → kód handoffu je, že design už není specifikace, kterou někdo rekonstruuje ve frameworku, ale strukturované zadání včetně záměru. Referenční firma Brilliant to v oficiálním prohlášení popisuje tak, že zahrnutí designového záměru do handoffu udělalo přechod z prototypu do produkce “bezešvý” - beru jako marketingovou formulaci, ale strukturální výhoda tam je.

Praktický postup pro typický projekt

Pro projekt, který má jít z nápadu do produkce, doporučuji tento cyklus:

Fáze 1 - ideace v Claude Design (1-2 hodiny):

• Zadejte produktový kontext a 3-5 referenčních obrázků
• Nechte vygenerovat 3 varianty hlavní obrazovky
• Vyberte směr a iterujte na jedné obrazovce do použitelného stavu
• Rozšiřte na klíčové flow (přihlášení, hlavní akce, prázdný stav, chybový stav)

Fáze 2 - strukturované zadání (30 minut):

• Projděte design a v komentářích doplňte: které komponenty mají být reusable, kde jsou interakce, jaká má být responsive strategie
• Nechte Claude Design vygenerovat hand-off bundle

Fáze 3 - implementace v Claude Code:

• Spusťte Claude Code v projektovém adresáři s existujícím design systémem
• Předejte hand-off bundle příkazem v plánu: “Analyzuj handoff, navrhni implementační plán respektující naši existující komponentovou knihovnu v /src/components”
• Použijte Plan Mode (Shift+Tab), aby Claude Code nejdřív prozkoumal codebase a teprve pak psal
• Implementujte po sekcích s review a commity, ne velké balíky najednou

Fáze 4 - ladění:

• Rozdíly mezi prototypem a implementací jsou normální, spacing a microinterakce jsou vždy na ladění
• Screenshoty z prohlížeče nahrajte zpět do Claude Code s instrukcí “porovnej s původním designem a dolaď spacing/typografii”

Celý tento cyklus byl před Claude Designem rozsypaný mezi Figma, designéra, PM a vývojáře. Teď se odehrává v jedné konverzaci, ale - upozornění - to neznamená, že nahradí roli designéra. Nahrazuje fázi, kterou designér stejně dělá mechanicky (převod nápadu na první použitelnou verzi). Designérova přidaná hodnota - taste, judgment, pochopení uživatele - tam zůstává.

Ekonomická realita: kde je problém

Zde je potřeba být kritický. Claude Design spotřebovává tokeny řádově rychleji než standardní chat, protože každá generace je v podstatě několikaminutová reasoning session s více edit passes. Má vlastní týdenní limity, které leží mimo běžný limit chatu a Claude Code. Na plánu Pro (20 USD / měsíc) je možné vyčerpat týdenní limit Claude Designu za zhruba 30 minut intenzivního použití - tohle je doložený zážitek PCWorld z launch dne, nikoliv spekulace.

Konkrétně:

• Pro plán (20 USD/měsíc): vhodný pouze pro občasné použití, několik projektů měsíčně
• Max 5x (100 USD/měsíc): reálný minimální vstup pro někoho, kdo chce používat Claude Design pravidelně
• Max 20x (200 USD/měsíc): pokud jste zakladatel, který chce nástroj používat jako denní součást práce
• Team/Enterprise: vlastní limity, Enterprise má jednorázový kredit pokrývající asi 20 typických promptů (platnost do 17. 7. 2026)

Pro srovnání: designový nástroj jako Figma stojí kolem 15 USD za seat, Canva Pro 12 USD. Claude Design ekonomicky dává smysl tam, kde a) nahrazuje několik rolí (designér, front-end developer, prezentační grafik), nebo b) je kombinovaný s Claude Code v jednom předplatném. Jako samostatný designový tool je drahý.

Druhé kritické upozornění: homogenizace výstupů. Pokud si Claude Design osvojí desítky tisíc firem a všechny budou používat podobné defaultní estetiky, brzy budou webové stránky a pitch decky rozeznatelné stejně spolehlivě, jako se dnes poznají ChatGPT generované texty. Obrana je jediná - vlastní design systém nahraný při onboardingu a ochota tvořit odchylky od toho, co Claude nabídne jako první.

Co chybí a kam to směřuje

Claude Design je research preview, ne hotový produkt. Chybějí mu:

• Integrace s Figma v obou směrech (export do Figma layerů zatím neexistuje oficiálně, třetí strany jako Anima to řeší externě, ale není to first-class feature)
• Standardní verzování typu Git pro designy
• Collaborative editing v reálném čase na úrovni Figma
• Animace a pokročilé interakce (3D, shadery fungují, ale jsou v “frontier” kategorii)
• API pro integrace s vlastními nástroji - Anthropic slíbil, že to v nejbližších týdnech přidá

Strategická logika je zřetelná: Anthropic buduje end-to-end stack nápad → design → kód → nasazení, kde všechny fáze drží pohromadě pomocí Claude kontextu. Pro firmy, které už stojí na Claude Code, je Claude Design přirozeným doplněním. Pro firmy, které používají jiné AI asistenty pro kódování, přidá Claude Design hodnotu jen do té míry, do jaké funguje samostatně - a tam je srovnatelný s konkurencí typu Lovable, v0 nebo Canva AI, nikoliv jasně lepší.

Závěr

Claude Design je solidní research preview, ne revoluce. Pro tři skupiny uživatelů je hodnotný už dnes:

1. Zakladatele bez designového týmu, kteří potřebují rychle pitch deck, landing page nebo marketing materiál - zde nahrazuje Canvu plus dvě hodiny frustrace.
2. Product managery a designéry pracující v Claude ekosystému, kteří chtějí hladký handoff do Claude Code - zde je Claude Design nejsilnější a skutečně mění workflow.
3. Týmy s vlastním design systémem, kde investice do onboardingu vrací konzistentní výstupy napříč projekty.

Pro ostatní (profesionální designéři s Figma workflow, agentury s existujícím procesem, kreativci hledající distinctive design) je zatím výhodnější Claude Design sledovat, ale nevstupovat do něj naplno. Ekonomika research preview je napjatá, produktová kompletnost nedostatečná, a hlavně - homogenizace výstupů je reálné riziko, které se vyřeší až po několika měsících, až budou pokročilí uživatelé vědět, jak z nástroje vytáhnout něco, co nevypadá jako default.

Celkově: pokud stavíte software s Claude Code, Claude Design je logický další krok. Pokud ne, je to zajímavý nástroj k testování, ale ne důvod měnit stack.

---

Zdroje: Oficiální oznámení Anthropic (17. 4. 2026), VentureBeat, TechCrunch, 9to5Mac, The Register, PCWorld, Muzli Blog, ComputingForGeeks launch-day tutoriál.