UX/UI Radar
Design systémy

Claude Design: samostatná aplikace končí 14. prosince, design systémy se stěhují do nastavení

Web claude.ai/design se 14. 12. 2026 zavírá. Design systémy musíš přenést do Settings > Design systems a z Claude Code je můžeš synchronizovat příkazem /design-sync.

Pokud máš v Claude Design uložené design systémy týmu, máš do poloviny prosince čas je přesunout. Podle přehledu na AI Catchup se standalone aplikace zavře 14. 12. 2026 a projekty v ní zůstanou jen do té doby.

Co je nového / Jak to funguje

  • Migrace: v záložce Design na spodku postranního panelu klikni na „Migrate team design systems“. Jedna migrace převede všechny design systémy v organizaci, spouští se jen jednou.
  • Úklid: každý přenesený systém má tlačítko „Let Claude clean it up“, protože migrace nemusí být čistá.
  • /design-sync: příkaz v Claude Code převede React design systém z repozitáře a nahraje ho do Claude Design, takže návrhy používají tvoje skutečné komponenty. Nejdřív spusť /design-login (přihlášení účtem claude.ai), pak třeba /design-sync Acme DS. První sync prochází všechny komponenty a u velkého repa může trvat i hodiny.
  • Omezení: vyžaduje účet claude.ai, takže nefunguje přes Bedrock, Google Cloud, Microsoft Foundry ani gateway.

Claude Design je od 8. 10. 2026 zapnutý ve výchozím stavu na plánech Free, Pro, Max, Team i Enterprise (u Enterprise od 15. 10.). Hotový návrh jde přes Export > „Handoff to Claude Code“ předat lokálnímu agentovi.

Proč je to důležité

Bez design systému dostaneš generický výstup, s ním návrhy odpovídající vašim komponentám. Zdroj upozorňuje i na slabiny: kvalita importu závisí na čistotě kódu, společná editace je základní, chybí historie verzí a aktivita se počítá do stejného limitu jako zbytek Clauda včetně Claude Code.

Jak začít

  1. Zjisti, jestli máte v standalone aplikaci uložené týmové design systémy.
  2. V záložce Design spusť migraci a u každého systému použij „Let Claude clean it up“.
  3. V Claude Code spusť /design-login a /design-sync na repu s komponentami.
  4. Zkontroluj, že nový návrh používá vaše komponenty, a hotovou práci vyexportuj do Claude Code.

Zdroje