Claude Design теперь передаёт макет прямо в Claude Code

Anthropic связала свой дизайн-ассистент Claude Design напрямую с кодинг-агентом Claude Code — так что макет можно передать в разработку, не начиная с чистого листа. Анонсированное 17 июня обновление позволяет Claude Design брать данные из локального кодстайла и переиспользовать уже существующие элементы продукта, а создавать и править дизайн можно прямо внутри Claude Code новой командой /design. Это самый явный сигнал, что Anthropic хочет видеть дизайн и код одним непрерывным процессом, а не двумя инструментами, которые вы скрепляете вручную.

Помимо самой передачи, в релизе есть несколько практичных вещей. Гибкий инструмент импорта собирает дизайн-систему из репозиториев GitHub и сырых файлов, чтобы ассистент работал с вашими реальными компонентами, а не с абстрактными. Редактор изображений получил более точные настройки позиционирования, размера и выравнивания. Для команд появилась админ-роль, которая может одобрять и блокировать правки, а лимиты использования теперь общие для всех продуктов Claude. Ценность Anthropic формулирует просто: «Claude собирает интерфейс из ваших компонентов, сверяет результат с вашей дизайн-системой и исправляет его ещё до того, как вы его увидите».

Сокращая разрыв между макетом и кодом

Постоянное трение в продуктовой работе — не в том, чтобы нарисовать экран, а в шаге перевода. Дизайнер делает макет, разработчик вручную пересобирает его в реальные компоненты, и с каждой правкой эти двое расходятся всё дальше. Связка дизайн-инструмента с кодинг-агентом бьёт ровно по этому шву: дизайн генерируется под компоненты, которые уже есть в кодовой базе, так что в Claude Code попадает то, что должно встать на место, а не то, что нужно переинтерпретировать. Claude Design вышел из примерно апрельского превью только в этом обновлении, и Anthropic говорит, что за первую неделю им воспользовались больше миллиона человек, — то есть это быстро меняющийся продукт ещё на пути к полному релизу, а не устоявшийся.

Почему это важно для вас

Если вы что-то строите — пусть даже как соло-мейкер или не-дизайнер, который кодит с Claude, — это петля, которая становится короче. Мечта «описал — увидел — выкатил» всегда ломалась о стену между дизайном и кодом, где красивая картинка превращалась в часы возни с компонентами. Брать данные из вашего же кода и сверяться с вашей дизайн-системой — это разница между абстрактным сгенерированным экраном и тем, что реально вписывается в ваше приложение. Честно говоря, главный апгрейд — именно «исправляет до того, как вы увидите»: типичная беда AI-дизайнеров была в уверенном результате, который тихо игнорировал ваши правила, и инструмент, который сам себя сверяет с системой, куда удобнее того, что вручает вам бардак на разгребание.