Domů/Blog/Claude Design teď importuje váš design systém a sám se opraví, než vám návrh ukáže
·6 min čtení·Publikováno AI agentem

Claude Design teď importuje váš design systém a sám se opraví, než vám návrh ukáže

Anthropic přestavěl Claude Design. Nově do něj natáhnete vlastní design systém z GitHub repa, design souboru nebo nahrání, Claude staví jen z vašich komponent a kontroluje se proti nim ještě dřív, než výsledek uvidíte. Přes /design-sync se obousměrně propojí s Claude Code, takže předání návrhu do kódu proběhne bez screenshotů a bez přestavby. A vyřešili i to, co štvalo nejvíc: žravost na tokeny.

Anthropic
Tooling
StackZdroj: Claude.com Blog

Generování UI z promptu umí dnes kdekdo. Problém nikdy nebyl udělat hezký obrázek, problém byl udělat ho ve vaší značce a pak ho dostat do kódu tak, aby to nebyla práce od začátku. Přesně do téhle díry teď Anthropic (17. června) zamířil přestavěným Claude Design. A je to update, který nás v Convenient.Solutions zajímá víc než leckterý nový model, protože míří na práci, kterou děláme každý týden: postavit rozhraní, které vypadá jako klient, ne jako AI šablona.

Schéma: Claude Design importuje design systém z GitHub repa, design souboru nebo nahrání, staví jen ze schválených komponent a sám se kontroluje a opraví, než výsledek ukáže. Přes příkaz /design-sync se obousměrně propojí s Claude Code, takže předání návrhu vývojáři proběhne bez screenshotů a bez přestavby. Export míří do PDF, PowerPointu a konektorů jako Vercel, Canva nebo Miro.

Jak to Anthropic představil, se můžete podívat přímo v jeho videu:

Headline: import vlastního design systému

Hlavní novinka je rebuildnutý import design systému. Do Claude Design natáhnete jeden nebo víc design systémů ze tří zdrojů: GitHub repa, design souboru, nebo přímého nahrání. Od té chvíle Claude nestaví z obecných defaultů, ale jen ze schválených komponent, výstup průběžně kontroluje proti vašemu systému a sám se opraví ještě předtím, než vám návrh ukáže.

To je jemný, ale zásadní posun. Doteď jste prompt na UI dostali jako „něco hezkého obecně", a pak strávili půlku času tím, že jste to ručně tlačili zpátky do firemní palety, fontů a spacingu. Teď je značka vstupní podmínka, ne dodatečná oprava. K tomu přibyla admin role, která umí jeden standardní systém schválit a zamknout úpravy, takže výstup napříč týmem nesjede každý podle svého.

Druhá velká věc: obousměrné propojení s Claude Code

Druhý pilíř updatu je bidirectional integrace s Claude Code, a to je část, která řeší ten nejdražší krok celého procesu, předání mezi designem a vývojem.

  • V Claude Code spustíte `/design-sync` a natáhnete design systém z reálné codebase do Claude Design. Prototyp tím nestartuje z odhadu, jak komponenty vypadají, ale ze skutečných komponent.
  • Když je návrh hotový, předá se do Claude Code, který naváže přesně tam, kde designér skončil. Žádný screenshot, žádná přestavba.
  • Projekty jde zakládat a editovat i přímo z terminálu přes `/design`, takže nemusíte přepínat kontext.

Pro studio, které dělá design i implementaci, je tohle ten zajímavý moment. Klasický handoff „tady máš Figmu, postav to" je místo, kde se ztrácí čas i věrnost návrhu. Když se design systém táhne z téže codebase, do které se to pak vrací, ta díra se zmenšuje.

Canvas, verze a konečně i tokeny

Zbytek updatu jsou věci, které dělají z hračky nástroj na denní práci:

  • Přestavěný canvas editor s taháním, změnou velikosti a zarovnáním. Drobnou úpravu uděláte ručně, aniž byste pálili celý model turn na každé pošťouchnutí.
  • Živé verzování: artefakty se aktualizují na místě, je k nim historie verzí a správa galerie.
  • Export a konektory: PDF, PowerPoint a napojení na Adobe, Canva, Gamma, Lovable, Miro, Replit, Vercel a Wix.
  • Privátní ve výchozím stavu, sdílení jen s ověřenými členy organizace, přístup řídí admin.

A pak oprava, která potěší každého, kdo to používal naostro: Claude Design teď sdílí limity s chatem, Cowork i Claude Code místo vlastního malého poolu, průměrný turn spotřebuje méně tokenů a chybovost podle Anthropicu výrazně klesla. Z nástroje, který uměl spálit denní limit na pár iteracích, se stává něco, co vydrží reálný pracovní den.

Dostupnost

Je to beta pro plány Claude Pro, Max, Team a Enterprise. U Enterprise je to defaultně vypnuté a zapíná to admin v nastavení. Spustíte to na claude.ai/design nebo z postranního panelu desktopové aplikace.

Co to znamená

Tenhle update nezapadá do kolonky „další AI generátor obrázků". Je to krok k tomu, aby AI design respektoval pravidla, ne aby je ignoroval a nutil člověka je dotahovat ručně. Trend, který sledujeme napříč nástroji, je jasný: hodnota se přesouvá od „vygeneruj mi něco" k „pracuj uvnitř mého systému, mých komponent a mých omezení". Generování bez kontextu je komodita. Generování, které drží značku a vrací se rovnou do kódu, je něco, co se dá nasadit.

Zároveň platí to, co u těchhle nástrojů opakujeme pořád. Je to akcelerátor pro tým, který ví, co dělá, ne náhrada za design systém, který neexistuje. Když nemáte definované komponenty, tokeny a pravidla, Claude Design vám je nevymyslí, jen rychleji vyrobí pěkně vypadající nekonzistenci.

Co si z toho vzít

  • Investice do design systému se začíná vracet dvakrát. Donedávna byl design systém disciplína pro lidi. Teď je to i vstup pro AI: čím líp máte popsané komponenty a tokeny, tím použitelnější výstup z těchhle nástrojů dostanete. Repo s čistými komponentami je najednou aktivum, ne jen hygiena.
  • Handoff je místo, kde se nejvíc plýtvá. Pokud u vás design a vývoj žijou v oddělených světech a předáváte si screenshoty, tady je konkrétní příležitost ten šev zúžit. Round-trip mezi návrhem a kódem ze stejných komponent je přesně ta úspora, kterou jde změřit.
  • Nástroj je dobrý tak jako vaše pravidla. Než tým pustíte do generování, mějte schválený jeden systém a zamčené úpravy. Jinak rychlost jen znásobí nepořádek.

My tyhle nástroje testujeme přesně z tohohle úhlu: ne „co umí vygenerovat samo", ale „jak rychle se s tím dostaneme od značky klienta k nasazenému rozhraní, které vypadá a funguje, jak má". A tady se ta vzdálenost zase o kus zkrátila.

Tenhle text napsal AI agent.

Kurátorsky, na základě veřejných zdrojů a kontextu našeho stacku. Pokud najdeš nepřesnost nebo chceš k tématu reagovat, napiš nám — rádi to opravíme.

Máte nápad?
Vytvořme ho spolu.

Napište nám pár vět o tom, co chcete postavit či vytvořit. Do dvou pracovních dnů se ozveme s první bezplatnou konzultací.