Potřebujeme ještě Figmu? Průvodce CLAUDE DESIGN

Potřebujeme ještě Figmu? Průvodce CLAUDE DESIGN

Claude Design byl spuštěn 17. dubna 2026. Jde o odpověď Anthropic Labs na Figmu a Canvu — nástroj, který převádí obyčejné textové prompty v češtině či angličtině na prototypy, prezentace a mockupy. Testovali jsme ho 48 hodin v reálném nasazení, spotřebovali jsme pořádný kus týdenního přídělu plánu Pro a zaznamenali přesně to, co funguje, co se kazí a jakých sedm promptů spolehlivě dává použitelný výstup. Tento návod na Claude Design pokrývá prompty, týdenní limity podle jednotlivých plánů i cestu tam a zpět s Figmou, kterou zatím nikdo jiný nepopisuje.

Rychlé shrnutí: Claude Design je nový AI designový nástroj Anthropicu, který převádí přirozeně psané prompty na prototypy, prezentace a wireframy v rozhraní kombinujícím chat a plátno. Vyžaduje Claude Pro (20 $/měs.) nebo vyšší, běží na Claude Opus 4.7 a exportuje do PDF, PPTX, HTML a Canvy. Jde o research preview, takže se funkce a limity mohou změnit bez upozornění.

Co je Claude Design?

Claude Design je AI designový nástroj Anthropic Labs, spuštěný 17. dubna 2026 a poháněný modelem Claude Opus 4.7. Převádí přirozeně psané prompty na prototypy, investorské prezentace, wireframy a mockupy v rozhraní kombinujícím chat a plátno a exportuje do PDF, PPTX, HTML a Canvy. Je dostupný předplatitelům Claude Pro, Max, Team a Enterprise jako research preview.

Pro koho je? Pro produktové manažery, kteří potřebují investorskou prezentaci do zítřejšího stand-upu. Pro zakladatele, kteří si kreslí koncept landing page, aniž by otravovali designéra. Pro inženýry, kteří si mockují interní nástroje. A ano, i pro pracující designéry, kteří ho používají jako akcelerátor z nuly na první návrh, než se přepnou do Figmy na produkční dotažení.

Co působí jinak než u Figmy nebo Canvy, je výchozí bod. Figma začíná prázdným plátnem a knihovnou komponent. Canva začíná šablonou. Claude Design začíná větou. Popíšete, co chcete, Opus 4.7 to navrhne a vy iterujete v chatu nebo přímo na plátně. Pokud jste četli náš text o Claude Opus 4.7, právě vylepšení v uvažování stojí za skokem v kvalitě: méně rozbitých layoutů, lepší hierarchie obsahu už v prvním návrhu.

Rychlá poznámka o upřímnosti: jde o research preview. Výpočet týdenního přídělu, chování exportu, integrace s Figmou — to vše se může změnit. Podle našeho testu z 19. dubna platilo vše níže. Za šest týdnů to může být jinak.

Jak získat přístup ke Claude Design (plány, research preview, první nastavení)

Pro přístup ke Claude Design se přihlaste na claude.ai/design s předplatným Claude Pro (20 $/měs.), Max, Team nebo Enterprise. Bezplatné účty Claude ho nemohou používat. Produkt je ve fázi research preview, což znamená, že funkce přibývají rychle, ale platí týdenní limity použití a některé funkce se mohou změnit bez upozornění. První nastavení zabere méně než dvě minuty.

Požadavek na plán je striktní. Pokud jste dosud spokojeně používali claude.ai na bezplatné úrovni, Claude Design se vám v postranním panelu nezobrazí. Nejdřív budete muset upgradovat. Pro za 20 $/měsíc je nejlevnější vstupenkou; Max, Team a Enterprise odemykají vyšší týdenní stropy (k tomu víc níže).

První nastavení jsou tři kroky:

1. Přihlaste se na claude.ai/design účtem Pro nebo vyšším. Při prvním vstupu Claude položí jedinou onboardingovou otázku, „Čím se zabýváte?", a vy vyberete svou roli (Design, Engineering, Product, Sales, Data, Marketing nebo Other). Tím se kalibruje výchozí tón a vizuální hustota výstupů, takže odpovídejte upřímně.
2. Vytvořte nový projekt z dashboardu, pojmenujte ho a volitelně přidejte jednořádkový brief.
3. Napište první prompt do chatovacího panelu. Plátno vpravo se zaplní zhruba do 45–90 sekund u promptu střední složitosti.

To je vše. Žádná instalace pluginu, žádný upload design tokenů, nic ke konfiguraci. Můžete přijít bez přípravy a mít něco na plátně dřív, než vám vychladne káva. Štítek research preview je důležitý hlavně kvůli týdennímu přídělu — Anthropic stále ladí, jak se náklady na generování škálují, takže jakékoli konkrétní tvrzení o limitech v tomto článku berte jako přesné k 19. dubnu 2026 a před plánováním design sprintu si je ověřte v článku o předplatném, použití a cenách Claude.

7 promptů, které skutečně fungují

Účinné prompty pro Claude Design určují publikum, formát, vizuální hustotu a omezení v jednom hutném odstavci. Nejvýkonnější vzorec je: „[Typ artefaktu] pro [publikum]. [Konkrétní obsah]. [Vizuální styl]. [Omezení]." Níže je sedm šablon ke zkopírování, každá otestovaná na reálném výstupu.

Všech sedm jsme během 48hodinového testu pustili na živá zadání. Krátké prompty („udělej mi investorskou prezentaci") pokaždé vyprodukovaly generický šablonový výstup. Hutné prompty — ty, které v jednom odstavci pojmenují publikum, obsah i vizuální pocit — daly použitelný první návrh na první pokus zhruba ve dvou třetinách případů. Tento vzorec jako první popsala Kamrun Nahar v návodu na Medium a odpovídá to tomu, co jsme viděli: hustota bije stručnost.

1. Investorská prezentace

Případ použití: 10slidová prezentace, se kterou byste vešli na schůzku v seed fázi.

Build a 10-slide investor pitch deck for a seed-stage B2B SaaS
selling AI-powered customer-support automation. Slides: problem,
market size ($8B TAM), solution overview, product demo screenshot
placeholder, traction (2 logos, $40k MRR), go-to-market, competition
2x2 matrix, team (3 founders), financials (3-year projection),
ask ($2M seed). Style: confident, light-on-text, dark background,
single accent color. Constraint: no more than 25 words per slide.

Čekejte ucelenou 10slidovou prezentaci na jeden průchod. Iterujte finanční slide — zástupné číslice jsou pro váš byznys téměř vždy špatně.

2. Hustý B2B dashboard

Design a desktop analytics dashboard for a B2B ops team tracking
SaaS customer health. Modules: MRR trendline, churn rate gauge,
customer-health heatmap, top 5 at-risk accounts list, NPS score
card, activation funnel. Style: data-dense, neutral grays, single
green/red accent for health signals, 14px base font. Constraint:
no decorative illustrations, this is a working tool.

Nejtěžší prompt ze sady. Čekejte, že budete iterovat datovou hustotu — první průchod obvykle nechává příliš mnoho vzduchu.

3. Mobilní onboardingový flow

Design a 4-screen mobile onboarding flow for a meditation app.
Screens: welcome + value prop, 3-question preference quiz, account
creation (email or Apple/Google), first-session prompt. Style:
calm, warm gradient backgrounds, rounded cards, 1 illustration per
screen. Target: iPhone 15 size. Constraint: each screen has one
primary CTA, no more.

Sedne čistě v 9 případech z 10. Ilustrace jsou generické, takže počítejte s tím, že je vyměníte.

4. Marketingový one-pager

Build a marketing landing page for a developer-facing Postgres
monitoring tool. Sections: hero (headline, subhead, primary CTA,
screenshot placeholder), 3 feature blocks with icons, social proof
logo strip, pricing table (3 tiers), FAQ (6 questions), footer
CTA. Style: technical, code-font accents, dark + one terminal-green
accent. Constraint: copy should read like docs, not marketing.

Skvělý první návrh. Všechny texty si přepíšete sami; to je ta iterační smyčka.

5. Lo-fi wireframe pro mapování user flow

Generate a lo-fi wireframe set for a 6-step user flow: new user
signs up, verifies email, completes profile, invites a teammate,
creates first project, lands on populated dashboard. Style: pure
wireframe — gray boxes, placeholder lines, no colors, no
illustrations. Annotations on: label each interactive element.
Output: single horizontal frame showing all 6 steps.

Tohle je černý kůň. Wireframy jsou přesně to, v čem je Claude Design ve skutečnosti nejlepší, protože omezení („žádné barvy, žádné ilustrace") odstraňuje dimenze, kde obvykle přezdobuje.

6. Landing page z URL konkurenta

Build a SaaS landing page for [your product + one-line pitch].
Visual inspiration: [competitor URL]. Match their section rhythm
and whitespace, but use our brand voice (technical, dry, no
exclamation marks) and a blue-gray palette instead of their
orange. Constraint: don't copy their copy, only the structural
rhythm.

Trik „inspirováno URL" funguje. Claude Design si stránku přečte a zrcadlí strukturu, ne obsah. Upozornění: než to vypustíte, ověřte si právní pozici ohledně vizuální podobnosti.

7. Design systém z existujícího kódu

Extract and document a design system from this codebase:
[GitHub URL pointing to a subdirectory — not the full monorepo].
Pull: color tokens, typography scale, spacing units, button
variants, form components. Output: a single documentation page
with live component examples and a tokens table. Constraint:
only use colors and fonts that actually exist in the source.

Funguje dobře na čistém podadresáři. Namiřte ho na celý monorepo a kontextové okno to vzdá. To je ten zádrhel, na který jsme narazili a který rozebíráme níže.

Od promptu k prototypu: živý průchod

Workflow Claude Design má pět fází: (1) napište prompt do chatovacího panelu, (2) nechte Opus 4.7 vygenerovat první návrh na plátno, (3) iterujte pomocí odpovědí v chatu nebo inline komentářů, (4) upravte typografii a barvy posuvníky, (5) exportujte nebo předejte do Claude Code. Většina projektů dosáhne v1 do deseti minut.

Takhle to probíhalo během našeho testu, když jsme pustili prompt č. 1 (investorská prezentace):

1. Napište úvodní prompt. Vložili jsme hutný investorský prompt do chatovacího panelu a stiskli odeslat. Žádné další nastavování.
2. Přečtěte si první návrh. V našich testovacích průbězích dorazí první návrh do 45–90 sekund podle složitosti promptu. Deset slidů, ucelená struktura, lehce nastylované. Dost na to, abychom to vyhodnotili, než do iterace nalijeme jakýkoli příděl.
3. Iterujte chatem nebo inline komentáři. Odpovědi v chatu jsou na úpravy na úrovni layoutu („zpřísnit hierarchii nadpisů napříč všemi slidy"). Inline komentáře kliknou přímo na prvek a připojí cílenou úpravu („udělej tohle tlačítko sekundární barvou značky"). Kombinujte obojí — jedno na globální přepisy, druhé na chirurgické zásahy.
4. Upravte posuvníky. Typografické měřítko, teplota barevné palety, hustota rozestupů. Ty žijí v panelu vpravo a nespotřebovávají kolo chatu, což je pro váš příděl důležité.
5. Exportujte nebo předejte. PDF na investorskou schůzku, PPTX pokud chtějí investoři komentovat v PowerPointu, HTML pokud to zapojujete do e-mailového flow, nebo předání jedním kliknutím do Claude Code, pokud z toho děláte reálný produkt.

Celá prezentace nám zabrala asi osm minut od prázdného projektu po exportovatelné PDF. To je ten slib o času k prvnímu návrhu a je reálný — s výhradou, že „první návrh" není „připraveno k odeslání". U čehokoli, co ukážete penězům, počítejte s jedním dvěma iteračními průchody.

Iterování chatem, inline komentáři a posuvníky

Claude Design nabízí tři režimy iterace. Odpovědi v chatu dělají globální úpravy („udělej to minimalističtější"). Inline komentáře se připojí ke konkrétnímu prvku plátna pro cílené úpravy. Posuvníky upravují typografické měřítko, rozestupy a barevnou paletu bez nového promptování. Používejte inline komentáře na změny na úrovni prvků a chat na přepisy na úrovni layoutu.

Oficiální návod na workflow na claude.com pokrývá všechny tři, ale praktická otázka zní, kdy sáhnout po kterém. Tady je tahák, který jsme si nakonec přilepili na bok monitoru:

Pro tip z našich průběhů: posuvníky nepálí kola chatu. Pokud jste patnáct minut v sesi a začínáte nervózně pokukovat po týdenním přídělu, přesuňte co nejvíc stylovací práce na posuvníky, než sáhnete po další odpovědi v chatu.

Připojení kódu a design systému

Claude Design umí vstřebat váš existující design systém nebo kód, aby odpovídal vaší značce. Nahrajte soubor Figma, propojte repozitář GitHub nebo vložte soubor tokenů CSS/Tailwind. Zužte rozsah — propojte podadresář, ne celý monorepo — aby extraktoru nedošel kontext. Před promptováním ověřte extrahované tokeny.

Typy souborů, které dnes čte: soubory Figma (přes integraci Anthropicu s Figmou), URL GitHubu (namiřte na adresář, ne na celý repozitář), konfigurační soubory CSS/Tailwind vložené inline, nahrané obrázky pro extrakci barevné palety a dokumenty (DOCX, PPTX, XLSX), takže můžete Claude předat existující brand guidelines, texty briefu nebo datovou tabulku k vizualizaci. Poslední kategorie je podceněná — vhoďte tabulku tržeb a požádejte o dashboard postavený na skutečných číslech a první návrh se vrátí s reálnými hodnotami místo zástupných dat typu lorem.

Ten zádrhel: když jsme zkusili propojit celý monorepo, extraktor se v půlce odmlčel a vrátil se napůl zaplněným seznamem tokenů. Když jsme ho místo toho namířili na apps/web/src/styles, dostali jsme čistou extrakci zhruba za 20 sekund. Poučení je bolestivé, ale jednoduché: zužte rozsah sami, nespoléhejte, že to nástroj udělá za vás.

Než začnete promptovat proti extrahovanému systému, ověřte, že zachytil to, co si myslíte. Zeptejte se: „Jaké barvy a typografii jsi z tohoto kódu extrahoval?" Pak seznam projděte okem. Pokud mu unikl akcent vaší značky nebo popadl starou deprecated šedou, opravte to hned. Promptování proti napůl špatnému design systému plýtvá přídělem na výstupy, které stejně odmítnete.

Ještě jedna věc: sval na psaní pravidel je přenositelný. Pokud jste zvyklí psát soubory pravidel jako Cursor rules nebo jejich ekvivalenty v Claude Code, platí tu tytéž instinkty: těsný rozsah, explicitní omezení, ověřit dřív, než stavíte.

Export do PDF, PPTX, HTML a Canvy

Claude Design exportuje z plátna do čtyř formátů: PDF (na investorské prezentace a one-pagery), PPTX (editovatelné v PowerPointu nebo Keynote), HTML (soběstačná statická stránka s inline CSS) a Canva (předání jedním kliknutím pro další úpravy). Exporty zachovávají layout, ale ořezávají část interaktivního chování prototypu.

Vybírejte podle toho, co děláte dál:

• PDF: posíláte prezentaci investorovi, tisknete one-pager, přikládáte k e-mailu. Výstup v konečné podobě, bez dalších úprav.
• PPTX: předáváte týmu, který žije v PowerPointu nebo Keynote. Cestou ven ztratíte část přesnosti layoutu Claude Design, písma se občas nahradí.
• HTML: vkládáte do landing page, publikujete na statický hosting nebo používáte jako e-mailovou šablonu. CSS je inline, takže to můžete vložit do jakéhokoli obalu.
• Canva: odeslání jedním kliknutím do Canvy pro úpravy marketingového týmu. Tohle je cesta, pokud má asset odteď vlastnit netechnický kolega.

Co se při exportu rozbije: interaktivní chování prototypu. Hover stavy, průklikové snímky a stylování posuvníky, které jste navrstvili nakonec — to vše se zploští na statiku. Pokud na prototypu záleží, ponechte si živé URL Claude Design vedle exportu, nebo to předejte do Figmy (další sekce), kde interaktivní chování cestu přežije.

Claude Design do Figmy (a Claude Design do Claude Code) tam a zpět

Claude Design se propojuje s Figmou oběma směry. Pro odeslání z Claude Design do Figmy exportujte HTML a importujte přes plugin Anima, který ho převede na editovatelné snímky Figma. Pro vnesení návrhů z Figmy do Claude Design použijte integraci Anthropicu s Figmou nebo předání přes Claude Code, který čte soubory Figma přes MCP a převádí je na produkční kód.

Tohle je workflow, které odděluje Claude Design od všech ostatních AI designových nástrojů na trhu. Nemusíte si vybírat mezi přístupem „nejdřív prompt" a „nejdřív plátno". Můžete mezi nimi přecházet. Takhle cesta tam a zpět funguje v praxi.

Claude Design do Figmy (přes Anima)

Cesta předání, když potřebujete dotažení Figmy a její knihovny komponent navrch nad prvním návrhem z Claude Design:

1. Exportujte svůj artefakt z Claude Design jako HTML z plátna.
2. Otevřete Figmu a nainstalujte plugin Anima, pokud ho ještě nemáte (menu Plugins → Browse → hledejte „Anima").
3. V Anima zvolte „Import HTML" a vložte exportovaný soubor.
4. Anima převede HTML na editovatelné snímky Figma. Skutečné textové vrstvy, skutečné obdélníky, skutečné barvy.

Počítejte s čištěním typografie. Anima odvádí slušnou práci na layoutu a barevné věrnosti, ale tloušťky písma se rozjíždějí, zvlášť pokud jste použili variabilní písma. U landing page počítejte s 15–20 minutami čištění po importu.

Figma do Claude Design do Claude Code

Cesta, když máte soubor Figma a chcete dodat kód:

1. Importujte soubor Figma do Claude Design pomocí integrace Anthropicu s Figmou (propojte soubor, autorizujte přístup).
2. Iterujte uvnitř Claude Design — prompty upravujte obsah, posuvníky styl. Model „nejdřív chat" je na strukturální změny rychlejší než přetahování ve Figmě.
3. Předejte do Claude Code akcí „open in Claude Code" jedním kliknutím. Claude Code přečte návrh přes MCP a vygeneruje produkční kód (React, Vue nebo čisté HTML podle vašeho stacku).

Claude Code pak dělá to, co umí nejlíp. Pokud jste v něm noví, naše návody na systém hooků Claude Code a přepínání modelů v Claude Code pokrývají konfigurační volby, na kterých ve fázi produkčního kódu záleží nejvíc. Celá smyčka — Figma do Claude Design do Claude Code do nasazené aplikace — je část, kterou žádný konkurent nepopsal od začátku do konce, a je to upřímně nejvýkonnější workflow v produktové rodině Anthropicu právě teď.

Týdenní limity použití: co vám který plán skutečně dá

Použití Claude Design se počítá do vašeho týdenního přídělu zpráv Claude, ne do samostatného fondu kreditů. Generování design systému nebo úvodního prototypu pálí příděl rychleji než iterování. Uživatelé Pro, kteří týdně rozjedou dva tři velké projekty, mohou narazit na limit dřív, než se týden resetuje. Úrovně Max a Team nabízejí výrazně vyšší týdenní stropy vhodné pro každodenní designovou práci.

Týdenní příděl je nejméně popsaná a nejdůležitější část produktu. Většina návodů ji odmávne. My jsme za 48 hodin spotřebovali dost plánu Pro na to, abychom měli názor.

Tady je, co vám který plán dá k 19. dubnu 2026 — přesná týdenní čísla jsou na stránce Anthropicu o předplatném, použití a cenách a od spuštění už se jednou ladila, takže se tam podívejte, než začnete plánovat rozpočet.

V našem 48hodinovém testu (jedna investorská prezentace, jeden mobilní onboardingový flow, dva iterační průchody a export) jsme spotřebovali směrově významný kus týdenního okna plánu Pro. Dost na to, že třetí vážný projekt by nás poslal do zóny „zamčeno na týden po půlhodině", o které PCWorld informoval tento měsíc. Pokud je Claude Design váš každodenní nástroj, Pro není ten správný plán. Pokud je to váš nástroj „jednou týdně navrhnout prezentaci pro představenstvo", Pro stačí.

První prompt jakéhokoli projektu je místo, kde proběhne většina útraty. Úvodní generování (zejména extrakce design systému) je drahé; iterace je levná. Pokud se snažíte příděl natáhnout, investujte do těsného prvního promptu a k finále se proiterujte, místo abyste celý návrh přehazovali znovu.

Claude Design vs Figma vs Figma Make vs Canva vs v0

Claude Design volte pro rychlé první návrhy z přirozeně psaných promptů, investorské prezentace a prototypy, když nemáte čas stavět ve Figmě. Figmu volte pro dotažený produkční design. Figma Make volte pro design „nejdřív prompt", který zůstává nativní ve vašich souborech Figma a knihovně komponent. Canvu volte pro marketingové assety. v0 volte pro výstupy orientované na React komponenty, které putují přímo do produkčních kódů.

Upřímná matice, případ po případě:

Rozdíl mezi Claude Design a Figma Make většinu lidí zmátne. Oba vezmou prompt a vygenerují design. Rozdíl je v tom, kde žijí a co vlastní. Figma Make je funkce uvnitř Figmy, která generuje vrstvy designu zpět do vašeho existujícího souboru — nejlepší je, když už jste ve Figmě doma a chcete rychlejší výchozí body bez změny nástroje. Claude Design je samostatný produkt, který vlastní celou plochu: chat, plátno, export a předání do Claude Code. Použijte Figma Make, když je Figma už teď váš domov; použijte Claude Design, když chcete začít od prázdného promptu a skončit u exportovatelného artefaktu nebo dodaného kódu.

Pokud zároveň hodnotíte AI stavitele orientované na kód, naše srovnání Lovable vs Bolt vs v0 jde víc do hloubky v tom, kde každý z těch tří končí. Krátká verze je, že Claude Design hraje jinou hru. Nesoutěží o slot „vygenerovat nasaditelnou aplikaci"; soutěží o slot od prázdného plátna k prvnímu návrhu.

Claude Design nenahrazuje Figmu. Je to nový přední konec designového procesu, obzvlášť silný v „z nuly na první návrh". Stejně skončíte ve Figmě na produkční dotažení, v Canvě pro svůj sociální tým a ve v0, když chcete kód komponent místo prototypu. Nové je mít něco rychlého a názorového na ideovém konci pipeline.

Časté zádrhely a obezličky

Časté problémy Claude Design v dubnu 2026: týdenní příděl hoří rychleji, než se čeká, při generování design systému, ingestace velkého monorepo se odmlčí, exporty zplošťují interaktivní chování prototypu a integrace s Figmou občas ztrácí věrnost typografie. Zužte rozsah projektů a před hlubokou iterací ověřte extrakce, abyste se vyhnuli plýtvání přídělem.

Pět zádrhelů, na které jsme narazili za 48 hodin, včetně obezličky pro každý:

• Spálení přídělu na prvním promptu. Úvodní generování stojí mnohem víc než iterace. Investujte do hutného, konkrétního prvního promptu a odtamtud iterujte. Nepřehazujte to znovu.
• Ingestace monorepo selže. Namiřte na podadresář (např. apps/web/src/styles), ne na kořen repozitáře s mnoha balíčky. Extraktoru dojde kontext na čemkoli větším.
• Interaktivní chování prototypu se při exportu zploští. PDF a PPTX ztratí hover stavy a průklikové snímky. Mějte po ruce živé URL plátna nebo exportujte do HTML, kde chování částečně přežije.
• Typografie Figmy se při importu Anima rozjede. Tloušťky písma se cestou dovnitř nahradí. Po importu ověřte, styly variabilních písem přestavte ručně.
• „Zamčeno na týden." Pokud narazíte na týdenní strop, buď počkáte na reset, nebo upgradujete plán uprostřed cyklu. Případová studie PCWorld — novinář, který narazil na zeď do 30 minut — stojí za přečtení, než se upíšete Pro pro scénář každodenního použití.

Produkt se zlepší. Roadmapa Claude Code pro 2026 naznačuje vylepšení napříč produkty, která by několik z nich řešila, a Claude Design je se stranou Code provázaný dost na to, aby ty zisky pravděpodobně dorazily i sem. Pro teď je to těch pět, o které zakopnete v prvním týdnu.

FAQ

Co je Claude Design?

Claude Design je AI designový nástroj Anthropic Labs spuštěný 17. dubna 2026. Převádí přirozeně psané prompty na prototypy, investorské prezentace, wireframy a mockupy v rozhraní kombinujícím chat a plátno, exportuje do PDF, PPTX, HTML a Canvy a běží na Claude Opus 4.7. Je dostupný předplatitelům Claude Pro a vyšším jako research preview.

Je Claude Design zdarma?

Ne. Claude Design vyžaduje minimálně předplatné Claude Pro (20 $/měsíc). Odemykají ho také plány Max, Team a Enterprise. Bezplatné účty Claude.ai k produktu nemají přístup. Anthropic ho umisťuje jako placený produkt, ne bezplatnou úroveň, protože náklady na generování rostou s obrazovou, layoutovou a exportní složitostí.

Kolik Claude Design stojí?

Claude Design je součástí Claude Pro za 20 $/měsíc, přičemž vyšší plány Max, Team a Enterprise nabízejí výrazně větší týdenní příděly. Samostatné předplatné Claude Design neexistuje. Týdenní použití se počítá do vašeho přídělu zpráv Claude a ceny za použití nad limit jsou zdokumentované v článku nápovědy o předplatném a cenách Claude.

Jaký je rozdíl mezi Claude Design a Claude Code?

Claude Design produkuje vizuální artefakty: prototypy, prezentace, wireframy a mockupy. Claude Code produkuje funkční kód. Sdílejí podkladové modely (Opus 4.7) a propojují se předáním jedním kliknutím: navrhujte v Claude Design, dodávejte kód přes Claude Code. Náš rozbor Claude Code vs Cursor vs Copilot pokrývá kódovou stranu do hloubky.

Umí Claude Design exportovat do Figmy?

Ano, přes plugin Anima. Exportujte svůj artefakt z Claude Design jako HTML a pak použijte Anima uvnitř Figmy k převodu na editovatelné snímky. Můžete jít i opačným směrem — importovat soubory Figma do Claude Design přes oficiální integraci Anthropicu s Figmou pro iteraci existujících návrhů na základě promptů.

Umí Claude Design vytvářet loga, weby a mobilní aplikace?

Ano, s výhradami. Loga: generuje základní slovní značky a jednoduché značky, ne práci na úrovni značky. Weby: landing page a marketingové one-pagery jsou silné případy použití. Mobilní aplikace: onboardingové flow a mockupy obrazovek fungují dobře; plné vícesnímkové interaktivní prototypy jsou stále hrubé. Používejte ho na první návrhy, dotažení jinde.

Jaký model pohání Claude Design?

Generování pod kapotou pohání Claude Opus 4.7. Vylepšení v uvažování a kvalitě layoutu v Opus 4.7 jsou tím, co dělá výstup prvního návrhu použitelným místo šablonovým. Náš text o Claude Opus 4.7 pokrývá změny na úrovni modelu, které stojí za skokem v kvalitě designu.

Jaká jsou největší omezení Claude Design právě teď?

Tři praktická: týdenní příděl rychle hoří při generování design systému a úvodních návrzích; ingestace kódu monorepo se odmlčí (místo toho propojujte podadresáře); a export do PDF nebo PPTX zplošťuje interaktivní chování prototypu. Jde o research preview, takže jakékoli konkrétní chování berte jako předmět změny bez upozornění.

Nahradí Claude Design designéry?

Ne. Doplňuje je. Claude Design je silný v cestě z nuly na první návrh a slabý v produkčním dotažení, detailech specifických pro značku a údržbě design systému. Designéři se přesouvají od posouvání pixelů k řízení výstupu a vlastnictví těch 20 procent práce, která skutečně vyžaduje vkus. Práce se mění; práce nemizí.

Jak předám Claude Design do Claude Code?

Použijte akci „open in Claude Code" jedním kliknutím z plátna Claude Design. Claude Code přečte váš návrh přes MCP a vygeneruje produkční kód ve stacku podle vašeho výběru: React, Vue nebo čisté HTML. Vygenerované komponenty zkontrolujte, prožeňte je svým testovacím balíkem a commitněte. Cesta tam a zpět je plně popsána v sekci o Figmě výše.

Shrnutí

• Claude Design je nejrychlejší cesta od věty k použitelnému prvnímu návrhu prototypu, prezentace nebo wireframu.
• Knihovna 7 promptů výše je váš výchozí bod ke zkopírování; hutné prompty bijí krátké prompty pokaždé.
• Hospodařte s týdenním přídělem — Pro stačí na občasné použití, Max nebo Team na každodenní práci.
• Cesta tam a zpět s Figmou (přes Anima) a předání do Claude Code (přes MCP) jsou tím, co dělá Claude Design skutečně novým, ne jen další AI designovou hračkou.
• Jde o research preview. Vše výše je přesné k 19. dubnu 2026. Než na týdenní stropy vsadíte sprint, znovu si je ověřte.

Stavíte produkční software, který potřebuje projít cestou od promptu k prototypu k dodanému produktu? V Techsy splétáme Claude Design, Claude Code a Figmu do klientských workflow od dne spuštění. Získejte bezplatnou konzultaci, pokud chcete posoudit svůj současný stack.

Tento návod napsal redakční tým Techsy. Jsme softwarová konzultace, která dodává AI-rozšířené produktové workflow pro startupy a produktové týmy. Claude Design jsme testovali v 48hodinovém okně od 17. dubna 2026 a postavili jsme tři reálné výstupy, abychom získali čísla a zádrhely v tomto článku.