VCLVibe Coding LabИИ в работе — без VPN
Подписаться
НейросетиНовостиСтатус нейросетейДоступ из РФ
РАЗДЕЛЫ
ТуториалыАвтоматизацииИнструментыВайбкодинг
БИБЛИОТЕКИ
ПромптыШаблоныMCP-серверыГлоссарийПодписаться в Telegram
ГлавнаяНовостиClaude Code умеет создавать UI-макеты прямо в терминале
НовостьАпдейтClaude Code

Claude Code умеет создавать UI-макеты прямо в терминале

VCL
Редакция
Vibe Coding Lab
20 августа 2026обновлено 20.08
2 мин чтения
КОРОТКО

Anthropic перенесла часть возможностей Claude Design в Claude Code: теперь можно генерировать UI-макеты, анимации и прототипы прямо в терминале или десктопном приложении. Функция работает в режиме исследовательского превью и доступна пользователям тарифов Pro, Max, Team и Enterprise.

Anthropic добавила в Claude Code возможность создавать UI-макеты, презентации и анимации - без выхода из терминала или десктопного приложения. Функции перекочевали из Claude Design, который компания представила весной 2026 года.

Что такое Claude Design и откуда он взялся

Claude Design - отдельный инструмент для создания дизайнов, прототипов, слайдов и одностраничных документов через диалог с ИИ. Работает на базе Claude Opus 4. Главная фишка - автоматическая адаптация под бренд организации: Claude Design сканирует кодовую базу и дизайн-файлы, выкапывает из них стиль и применяет его к новым элементам. Поддерживает несколько бренд-китов одновременно.

Раньше связать Claude Design с Claude Code можно было через команду /design-sync - она переносила дизайн-систему в репозиторий. Теперь возможности Design доступны прямо внутри Code.

Как это работает на практике

Сценарий простой: просишь Claude предложить несколько вариантов интерфейса для новой фичи - он создаёт несколько макетов в формате Artifacts. Выбираешь подходящий, редактируешь его и просишь реализовать в коде.

Claude при этом анализирует существующую кодовую базу, определяет текущий стиль интерфейса и подгоняет новые элементы под него - включая анимации и оформление. Не нужно объяснять, какой у проекта дизайн: модель разбирается сама.

Кому доступно и как подключить

Функция сейчас работает в режиме исследовательского превью. Доступна пользователям тарифов Pro, Max, Team и Enterprise.

Чтобы получить обновление, достаточно выполнить команду:

claude update

Что это значит

Если ты разработчик, который не хочет переключаться между терминалом и дизайн-инструментами, - это ощутимое сокращение контекстных переключений. Больше не нужно вручную описывать стиль проекта или тащить макеты из Figma: Claude сам считывает, что уже есть в коде, и предлагает варианты в том же стиле.

Практически это выглядит как: написал задачу, получил несколько вариантов UI в Artifacts, выбрал, попросил сгенерировать код. Всё в одном инструменте.


Источник: Хабр, 20 августа - https://habr.com/ru/news/1072326/

Habr · 20 августа
Свежие новости — в Telegram
Главное за день — коротко, без воды.
Подписаться