Claude Design je nový AI nástroj od Anthropicu, který umožňuje vytvářet vizuální návrhy, interaktivní prototypy, prezentace, landing pages a další výstupy konverzací s Claudem. V tomto článku projdeme pět konkrétních ukázek použití a zjistíme, jak si nástroj vedl v praxi.
Anthropic buduje kompletní stack pro znalostní práci
Anthropic dnes nabízí několik vzájemně propojených nástrojů. Claude Code cílí na vývoj, Claude Design na vizuální návrhy a prototypy a samotný Claude na práci s dokumenty, soubory a dalšími agendami. Společným jmenovatelem je to, že kód se stává univerzálním médiem pro znalostní práci. Prezentace, weby, prototypy, animace i interaktivní výstupy jsou ve výsledku tvořené kódem. Anthropic tak podle autora míří nejen proti tradičním nástrojům, jako jsou Figma, Google Workspace nebo Microsoft Office, ale i proti novějším AI produktům pro tvorbu obsahu a návrhů.
Příklad 1: Animované video
Autor zkopíroval obsah oznámení Claude Design přímo do nástroje a požádal ho o vytvoření animovaného videa. Claude Design následně položil několik upřesňujících otázek, například na délku videa, tón, vizuální styl, účel a způsob zakončení. Po zodpovězení otázek, případně po výběru možnosti „rozhodni za mě“, nástroj během několika minut vygeneroval zhruba 30sekundové animované video s hodnotovými propozicemi, ilustracemi a výzvou k akci. Výstup je tvořený jako interaktivní HTML, takže je možné ho ručně upravovat přes editační režim nebo panel tweaks. Přímý export do běžného video formátu, například MP4, podle dostupných informací zatím chybí, takže autor použil nahrávání obrazovky.
Příklad 2: Prezentace (slide deck)
Autor doporučuje postup ve dvou krocích. Nejprve připravit text jednotlivých slidů v klasickém Claude a teprve poté ho vložit do Claude Design. Zároveň sdílí důležitý tip:
- Místo statické prezentace nejprve nechte Claude Design vytvořit animovaný výstup ze stejného obsahu.
- Poté jedním promptem požádejte o převod na animovaný slide deck s manuálním přepínáním.
- Výsledek bývá výrazně poutavější než prezentace generovaná přímo jako statické slidy.
- AI zvládne prvních 90 % práce, posledních 10 % obvykle vyžaduje ruční úpravy přes editační režim nebo panel tweaks.
Příklad 3: Landing page
Autor zadal Claude Design velmi stručný prompt, konkrétně „recreate the Claude co-working page“, bez přiložení odkazu. Nástroj si sám dohledal stránku a vytvořil přibližně osmdesátiprocentní repliku originálu včetně ilustrací. Pro ukázku kreativity pak autor požádal o přepsání obsahu webu do satirické verze, v níž Anthropic „přebírá veškerou znalostní práci“. Výsledkem byly smyšlené slogany jako „Acquired the concept of work“ nebo „Hand off your career to us“. Claude Design dále zvládl vytvořit interaktivní 3D rotující glóbus i textové pole, kde konkrétní slova, například „fire“, „smoke“ nebo „electric“, generují odpovídající vizuální a částicové efekty.
Příklad 4: Mobilní aplikace
Na základě promptu „create a beautiful mobile fitness app“ nástroj znovu položil upřesňující otázky, například na typ tréninku, cílovou skupinu, vizuální styl a míru interaktivity. Po několika minutách generování vznikl funkční prototyp fitness aplikace s obrazovkou tréninku, statistikami a možností zapisovat jednotlivé série. Podle autora je zajímavé i to, že Claude Design během tvorby průběžně kontroluje vlastní výstup a snaží se autonomně opravovat vizuální nedostatky, aniž by k tomu musel být uživatel výslovně vyzván.
Příklad 5: Design systém
Autor nahrál podkladový UI kit z Figmy inspirovaný stylem Apple Liquid Glass a požádal Claude Design o vytvoření kompletního design systému. Nástroj vygeneroval typografii, barvy, spacing, ikonografii, motion easing křivky i další komponenty. Celý proces trval přibližně deset minut a spotřeboval velké množství tokenů. Autor proto doporučuje tuto funkci používat hlavně tehdy, když design systém opravdu potřebujete a máte připravený kvalitní základ. Fitness aplikace vytvořená s tímto design systémem podle něj vykazovala více vizuálních problémů než verze bez něj, pravděpodobně kvůli ne zcela dostatečně připravenému podkladu.
Závěrečné hodnocení a kontext
Claude Design je podle autora stále v rané fázi a obsahuje řadu chyb. Zároveň je ale zřejmé, že Anthropic s tímto nástrojem míří do segmentu, kde dnes dominují jak zavedené platformy typu Figma, Google Workspace, Microsoft Office nebo Canva, tak i novější AI startupy jako Replit, Lovable či Gamma. Přesto autor hodnotí Claude Design jako pozoruhodný nástroj, který stojí za vyzkoušení. Pokud vás tento praktický přehled zaujal, prozkoumejte Claude Design sami a podělte se o své zkušenosti.
