Anthropic добавляет команду /design в Claude Code для создания макетов UI в терминале

Anthropic расширила возможности Claude Code новой командой /design, которая позволяет разработчикам создавать, дорабатывать и просматривать макеты пользовательского интерфейса (UI), не выходя из терминала.

Прототипирование UI прямо в терминале

Вместо того чтобы переключаться между Figma и командной строкой, теперь можно ввести что-то вроде /design a few options for a login screen. Claude ответит несколькими интерактивными «артбордами» (artboards), на которых отображаются высокоточные макеты. Вы можете сравнивать варианты компоновки, выбирать понравившийся и уточнять внешний вид с помощью уточняющих вопросов — и всё это до написания первой строки рабочего кода.

Контекстно-зависимые макеты на основе вашей кодовой базы

Разработчик Нейт Парротт (Nate Parrott) отмечает, что Claude на самом деле считывает текущий репозиторий. Он извлекает цветовые палитры, библиотеки компонентов и правила верстки, а затем адаптирует каждый дизайн под существующий стиль проекта. Результаты появляются в виде «Artifacts» — специального окна внутри Claude, которое отображает изображения без необходимости открывать отдельный графический редактор. На данном этапе макеты существуют только в рабочем пространстве Claude; их необходимо явно сохранить в файловой системе, прежде чем превращать в код.

Почему это важно для разработки с помощью ИИ

Эта команда объединяет два этапа жизненного цикла разработки ПО — проектирование и написание кода — в один. Команды, ценящие скорость, могут генерировать несколько вариантов макета с помощью одного промпта, ускоряя этап поиска решений на ранних стадиях. Поскольку Claude использует живую кодовую базу, макеты соответствуют бренду и совместимы с системой компонентов, что сокращает объем ручной доработки, неизбежной после генерации обычных изображений.

Anthropic позиционирует это как шаг к созданию «ИИ-инженера программного обеспечения», который берет на себя как логику, так и эстетику. Если терминал может служить мультимодальным рабочим пространством, грань между написанием кода и формированием пользовательского опыта значительно стирается.

Текущие ограничения

Функция всё еще находится в режиме предварительного просмотра (preview). Сгенерированные макеты не становятся исходными файлами автоматически; вам нужно экспортировать и интегрировать их самостоятельно. Этот дополнительный шаг может съесть сэкономленное время, особенно в крупных проектах с десятками компонентов.

Как попробовать

Запустите claude update, чтобы загрузить последнюю превью-сборку и активировать команду /design.

Основные выводы

  • Интегрированное прототипирование: /design создает несколько артбордов UI напрямую из запросов в терминале.
  • Контекстуальная согласованность: Claude сканирует текущую кодовую базу, чтобы макеты соответствовали существующей дизайн-системе.
  • Оптимизированный рабочий процесс: Объединяя возможности промптинга Claude Design с исполнительными функциями Claude Code, разработчики переходят от концепции к визуальному прототипу без переключения между инструментами.

Новая команда /design от Anthropic позволяет разработчикам создавать и дорабатывать макеты UI прямо из терминала, сокращая время на переключение между инструментами дизайна и редакторами кода — проблему, с которой всё еще сталкиваются многие динамично развивающиеся команды.

Генерация визуальных черновиков через CLI-запрос

Вы вводите команду, например /design a few options for a login screen, и Claude возвращает набор интерактивных артбордов. Каждый артборд представляет собой высокоточный макет, который можно изучить, сравнить и доработать с помощью уточняющих вопросов.

Claude считывает файлы текущего проекта, извлекает цветовые палитры, библиотеки компонентов и правила верстки, а затем адаптирует дизайн под них. Результат отображается в виде «Artifacts» — окна, которое показывает изображения без открытия отдельного графического редактора. На данный момент макеты существуют только в рабочем пространстве Claude; их необходимо явно сохранить в файловой системе, прежде чем превращать в код.

Почему разработчикам важен инструмент дизайна в терминале

Большую часть рабочего дня разработчики тратят на переключение между терминалом с кодом и приложениями для UI-дизайна. Перенос визуального прототипирования в то же окно, где пишется код, объединяет два этапа жизненного цикла разработки ПО в один.

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

Anthropic позиционирует это нововведение как шаг к созданию «ИИ-инженера программного обеспечения», способного работать как с логикой, так и с эстетикой. Если терминал теперь может служить мультимодальным рабочим пространством, грань между написанием кода и формированием пользовательского опыта становится всё более тонкой.

Ограничения и аргументы в пользу традиционных инструментов дизайна

Функция все еще находится в режиме предварительного просмотра, и сохраняется ряд практических ограничений. Во-первых, созданные макеты не становятся исходными файлами автоматически; разработчикам приходится экспортировать и интегрировать их вручную. Этот дополнительный шаг может нивелировать экономию времени в крупных проектах, где требуется синхронизация десятков компонентов.

На что обратить внимание по мере развития функции

В обновлении Anthropic отмечается, что команду можно включить с помощью простой команды claude update.

Вывод: Внедрение дизайн-промпта непосредственно в терминал Claude Code дает разработчикам возможность быстрого перехода от концепции к визуальному прототипу, но рабочий процесс все еще зависит от ручной передачи макетов и ему не хватает функциональности специализированных UI-инструментов. Дальнейшее развитие функции определит, останется ли эта команда нишевым удобством или станет основной частью стека разработки на базе ИИ.