Claude Design: Путь от побочного проекта к визуальному рабочему столу для миллиона пользователей

Введение

Claude Design изначально был прагматичным ответом на неприятные изменения внутри Anthropic.

Осенью 2025 года продуктовый дизайнер Нейт Пэрротт был единственным дизайнером, работавшим вместе с двумя инженерами над расширением Visual Studio Code под названием Claude Code. Их целью было интегрировать терминальные функции Claude Code в графический интерфейс, чтобы обычные пользователи могли легче понимать и использовать его.

Команда выпустила бета-версию в конце сентября. Затем в ноябре появился Claude Opus 4.5, и инженеры вокруг Пэрротта начали сдавать результаты с невиданной ранее скоростью.

Однако его собственный дизайн-процесс не ускорился в той же мере.

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

Эта история не только о взлёте AI-продукта для дизайна. Она показывает, с одной стороны, как AI может сначала ускорить одну часть команды раньше других, создавая новые узкие места, а с другой — как люди, затронутые этим дисбалансом, используют ту же технологию для перепроектирования собственной работы.

Инженерия ускорилась раньше дизайна

Изначальная команда была крошечной: два инженера и один продуктовый дизайнер.

До выхода Opus 4.5 их рабочий ритм был в основном синхронным. Инженерия и дизайн могли совместно продвигать функциональность, и ни одна функция не опережала другую постоянно.

После выхода новой модели этот баланс был нарушен.

Инженеры могли с помощью Claude Code реализовывать, тестировать, дорабатывать и сдавать больше работы. Пэрротт же продолжал проектировать примерно с прежней скоростью, что сделало дизайн более медленным звеном в процессе.

Это выявило более широкое влияние применения AI.

AI не улучшает каждую роль в равной степени или одновременно. Компания может увидеть ускорение программной реализации, но продуктовые стратегии, дизайн-ревью, юридические согласования, контент, тестирование или поддержка клиентов могут оставаться прежними.

Результатом не всегда является немедленная замена рабочих мест. Чаще первичным эффектом становится рассогласование между связанными рабочими процессами.

Когда скорость инженерии возрастает, остальные части организации должны ответить на новые вопросы:

• Сможет ли дизайн исследовать достаточно направлений до начала реализации?
• Сможет ли продакт-менеджер принимать решения достаточно быстро?
• Смогут ли рецензенты оценить большее количество изменений?
• Успеют ли стандарты бренда за более быстрым темпом производства?
• Сможет ли команда прийти к согласию до того, как разработчики возьмутся за создание?

Ответ Пэрротта заключался в создании инструмента для той части процесса, которая стала узким местом.

Первая попытка: заставить AI «заниматься дизайном»

Claude Code в основном текстовый, поэтому Пэрротт изначально рассматривал дизайн как ещё одну текстовую задачу.

Он копировал вывод терминала в Claude, добавлял скриншоты интерфейса, описывал функциональность и просил модель сделать дизайн.

Результат был разочаровывающим.

Проблема была не в отсутствии у Claude визуальных или кодовых способностей. Запрос не давал модели никакой мощной среды для выражения, тестирования и изменения визуальных идей.

Описание дизайна в чате оставалось лишь описанием. Его нельзя было нажать, изменить размер, добавить анимацию или ощутить как рабочий процесс.

Пэрротт экспериментировал с этим побочным проектом около месяца. Поворотный момент наступил, когда он перестал просить Claude абстрактно сгенерировать «дизайн», а попросил его создать HTML.

HTML становится визуальным холстом

HTML обычно воспринимается как формат для сайтов, но Пэрротт понял, что он может служить широкой визуальной и интерактивной средой.

Веб-страница может содержать:

• Макеты и типографику.
• Движение и анимацию.
• Интерактивные элементы управления.
• Кликабельные прототипы.
• Диаграммы и схемы.
• Последовательности слайдов.
• Видео и аудио.
• Формы и продуктовые сценарии.
• Адаптивные версии одной и той же идеи.

Это сделало HTML полезным мостом между диалогом и визуальной работой.

Пэрротт создал интерфейс с разделённым экраном:

• Слева — диалог с Claude.
• Справа — предпросмотр HTML в реальном времени.

Когда пользователь описывал изменение, Claude обновлял базовую страницу, и результат отображался на холсте.

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

![Изображение показывает интерфейс Claude Design. Слева — «Playground Crowdfunding Page» с областью редактирования текста, возможностью настройки шрифта, размера, цвета и т. д.; справа — страница краудфандинга «Maple Grove Park» с суммой сбора, прогрессом и кнопкой «Chip in today». Справа также отображается версия Claude Code v2.1.176 и команда «/design

• sync Push my design components to Claude Design!». Изображение тесно связано с контекстом, наглядно показывая интерфейс Claude Design при проектировании страницы краудфандинга и команды для работы, иллюстрируя его функциональность как визуальной рабочей станции.](https://we0-cms.oss-cn-beijing.aliyuncs.com/cms-assets/image/2026/07/a8eaa321-3f3a-4268-a2e7-e415b32d212a-f3fd0a99-0058-436f-8dd4-2546fb1ff2d2.png)

Одного HTML недостаточно

Технически рабочий прототип всё ещё мог выглядеть однотипно или разрозненно.

Пэрротт считал, что продуктовый дизайн основан на понимании продукта и бренда, стоящих за каждым решением. Модель, умеющая создавать HTML, не знает автоматически, какие шрифты, цвета, компоненты, правила расстояний и визуальные принципы принадлежат Anthropic.

Поэтому он ввёл визуальную систему Anthropic в рабочий контекст инструмента.

Это включало:

• Типографику.
• Цветовую палитру.
• Существующие активы.
• Компоненты интерфейса.
• Шаблоны макетов.
• Принципы дизайна.

Это изменение позволило сгенерированным работам выглядеть не как случайный AI-интерфейс, а как часть семейства продуктов Anthropic.

Этот внутренний эксперимент позже стал ключевой функцией Claude Design.

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

Для организаций с командными и корпоративными тарифами система может быть опубликована для всей команды. Администраторы могут утверждать стандартные системы и ограничивать права редактирования, гарантируя соответствие проектов корпоративным нормам.

Прототип распространяется внутри Anthropic

Пэрротт объединил HTML-рабочий процесс с контекстом бренда Anthropic в небольшой внутренний прототип.

Продуктовые дизайнеры начали использовать его для создания интерактивных прототипов.

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

Каждый результат генерировал ссылку для общего доступа.

Это изменило позиционирование прототипов.

Он больше не просто частный файл в приложении для проектирования, а становится общим документом, который коллеги могут открывать, кликать, обсуждать и изменять, работая точно так же, как совместные документы.

Решающий момент произошёл во время выездного мероприятия в лаборатории Anthropic.

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

Такое спонтанное использование убедило команду лаборатории в том, что этот побочный проект действительно решает реальную потребность. Claude Design получил собственную команду поддержки и официально превратился из неформального внутреннего эксперимента в продукт.

Почему лаборатория Anthropic — естественное место для инкубации

В январе 2026 года лаборатория Anthropic расширилась, сосредоточившись на инкубации экспериментальных продуктов, основанных на новых возможностях Claude.

Эта команда была создана специально для уникальной модели разработки продуктов:

1. Создавать грубые эксперименты на границе возможностей модели.
2. Давать реальным пользователям попробовать их как можно раньше.
3. Наблюдать, какие рабочие процессы пользователи выбирают снова и снова.
4. Увеличивать штат и инфраструктуру для экспериментов, подтвердивших свою эффективность.
5. Превращать успешные идеи в надёжные продукты.

Anthropic отмечает, что Claude Code является ранним примером такого пути: начав с исследовательского предварительного просмотра, он за шесть месяцев вырос в то, что Anthropic называет продуктом с оборотом в миллиард долларов.

Claude Design следует схожей траектории развития:

• Побочный проект, созданный одним человеком.
• Принят на вооружение внутренними дизайнерами.
• Коллеги используют его для целей, не предусмотренных создателем.
• Внутренние обсуждения предложений подтверждают наличие чёткого спроса.
• Лаборатория выделяет ресурсы.
• Публичный выпуск в форме исследовательского предварительного просмотра.
• Затем переход на стадию тестирования.

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

В данном случае, поскольку люди продолжали использовать его для визуальной коммуникации, а не только для прототипирования интерфейсов, сфера применения продукта постоянно расширялась.

От прототипа продукта к визуальной коммуникации

Изначально Claude Design позиционировался как инструмент для проектирования продуктов.

Но это описание быстро оказалось слишком узким.

Команда начала использовать его для создания:

• Интерактивных прототипов продуктов
• Каркасных схем и макетов
• Вариантов дизайна
• Документов для презентации предложений
• Слайдов презентаций
• Целевых страниц
• Печатных одностраничных документов
• Маркетинговых материалов
• Электронных писем
• Анимации
• Визуального контента для социальных сетей

Визуальные эксперименты на основе кода.

Пэрротт описывает этот инструмент как находящийся на один уровень выше дизайна продуктов промышленного уровня. Его основная роль — помогать командам исследовать и сообщать идеи до того, как приступить к разработке. Такое разграничение приводит к более чёткому разделению обязанностей:

Эти два инструмента могут использоваться совместно, но не заменяют друг друга.

Переключение между Claude Design и Claude Code

Anthropic добавил двунаправленный рабочий процесс между дизайном и кодом. В Claude Code используйте следующую команду:

/design-sync

для импорта существующей дизайн-системы в рабочий процесс, чтобы визуальная работа основывалась на текущих компонентах организации. Используйте команду:

/design

для создания, редактирования и синхронизации проектов Claude Design в терминале. Команда может начать работу с любого направления.

Начало с Claude Design

1. Исследовать несколько визуальных направлений
2. Построить реалистичные интерактивные прототипы
3. Собрать обратную связь и достичь согласия в команде
4. Упаковать результаты для передачи
5. Продолжить реализацию в Claude Code

Начало с Claude Code

1. Работать на основе существующего приложения или библиотеки компонентов
2. Синхронизировать дизайн-систему
3. Преобразовать код в работающий визуальный прототип
4. Доработать в Claude Design
5. Вернуть обновлённые дизайн-решения в рабочий процесс с кодом

Это гораздо надёжнее, чем просто передать скриншот разработчику и попросить его воспроизвести ожидаемое поведение. Передаваемые материалы могут включать работающий прототип и соответствующий дизайн-контекст, а не просто плоское изображение.

Дизайн-системы становятся основой повседневного использования

Ранняя популярность Claude Design показала, что одних только генеративных способностей недостаточно. Командам нужно, чтобы инструмент поддерживал согласованность между проектами и уважал существующие бренд-системы. Anthropic перестроил рабочий процесс импорта дизайн-систем, позволив пользователям импортировать одну или несколько систем из таких источников, как:

• Репозитории GitHub
• Кодовая база и библиотеки компонентов
• Дизайн-референсы
• Презентации
• Документация
• Скриншоты
• Исходные бренд-ресурсы

Claude использует эти компоненты для построения, сверяет выходные данные с системой и исправляет несоответствия перед демонстрацией. Это делает инструмент более практичным в повседневной работе. Одноразовая сгенерированная AI-посадочная страница может впечатлить, но с трудом вписывается в реальную работу предприятия. Рабочий процесс с учётом системы позволяет организации начинать с существующего выбора, а не каждый раз создавать новый визуальный язык с нуля.

Прямое редактирование уменьшает потребность в подсказках

Бета-версия Claude Design включает функции прямого управления на холсте. Пользователи могут выполнять следующие действия:

• Выбирать элементы
• Редактировать текст
• Перетаскивать для изменения положения
• Изменять размер объектов
• Изменять цвета
• Регулировать интервалы
• Выравнивать элементы
• Добавлять встроенные комментарии
• Просить Claude применить изменения ко всему дизайну

Это важно, потому что ввод подсказок не является

лучшим интерфейсом для каждой корректировки.

Пользователям не нужно писать несколько предложений, чтобы немного сдвинуть заголовок влево или уменьшить ширину карточки. Зачастую быстрее выполнить небольшие визуальные правки прямым взаимодействием.

Пэрротт рекомендует использовать Claude для широких исследований и структурных изменений, а затем вручную выполнять финальные мелкие настройки.

Прямое редактирование также позволяет избежать расхода токенов модели на изменения, которые проще оценить глазом.

Экспорт и продолжение работы в других инструментах

Claude Design позволяет экспортировать работу в:

• PDF
• PPTX
• Отдельный HTML
• Папку проекта
• Внутреннюю ссылку для общего доступа

Anthropic также предоставляет коннекторы для отправки работы в другие творческие и инструменты разработки.

Официальный список коннекторов включает Adobe, Base44, Canva, Gamma, Lovable, Miro, Replit, Vercel и Wix, и в будущем будет добавлено больше целевых платформ.

[Изображение: здесь показан процесс из Claude Design на холсте к использованию инструментов. Можно надёжно экспортировать в PDF и PowerPoint или отправить в уже используемые приложения, такие как Adobe, Base44, Canva, Gamma, Lovable, Miro, Replit, Vercel и Wix, а также в другие места, которые появятся в ближайшее время. Изображение перекликается с содержанием документа, где описывается, что Claude Design может экспортироваться в различные форматы и отправляться через коннекторы, предоставляемые Anthropic, в другие инструменты, подчёркивая его совместимость с существующими инструментами.]

Цель — не заменить каждый профессиональный инструмент.

Презентацию можно начать в Claude Design, а затем продолжить в Gamma или Canva. Концепцию можно перенести в Miro для совместной работы. Прототип может попасть в Replit, Vercel, Lovable или Wix для дальнейшей разработки и развёртывания.

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

Сценарии, для которых Claude Design не подходит

У Claude Design есть чёткие ограничения.

Это не модель генерации изображений

Anthropic заявляет, что у Claude Design нет специальной модели изображений.

Поэтому он не подходит для создания финальных логотипов или оригинальных изображений с нуля.

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

Claude может компоновать и использовать эти материалы в более крупной визуальной композиции.

Это не производственная программная платформа

Claude Design позволяет создавать интерактивные прототипы и визуальные работы на основе кода, но Anthropic рекомендует использовать Claude Code для разработки производственного программного обеспечения.

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

Он не заменяет эстетическое суждение

Claude может быстро генерировать множество вариантов.

Но решение о том, какое направление подходит, какие детали выглядят заурядно, передаёт ли работа правильную идею, что следует удалить, и готов ли прототип повлиять на производство, принимает человек.

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

Практические способы более эффективного использования Claude Design

1. Думайте, прежде чем вводить запрос

Чёткое краткое описание обычно приводит к лучшим результатам, чем многократное исправление расплывчатых запросов.

Определите аудиторию, цель, содержание, ожидаемые ощущения,

Прежде чем просить Claude что-то создать, уточните ограничения и формат вывода.

1. Опишите визуальное направление

При отсутствии чёткого руководства AI-система может вернуться к общим эстетическим стилям.

Чётко укажите шрифты, цвета, примеры для справки, мудборды, а также объекты, которых работа должна избегать или к которым должна приближаться.

1. Создайте повторно используемую систему дизайна

Загружайте реальные примеры бренда, а не предоставляйте только абстрактные спецификации.

Полная целевая страница, презентация или интерфейс гораздо нагляднее демонстрируют визуальные особенности бренда, чем отдельный список цветов.

1. Генерируйте несколько вариантов

Просите предоставить несколько вариантов и сравнивайте их.

Ускорение генерации нужно не для того, чтобы принять первый ответ, а для исследования большего числа возможностей перед принятием окончательного решения.

1. Используйте наброски, когда слов недостаточно

Нарисованный от руки макет может передать пространственные отношения эффективнее, чем длинное текстовое описание.

1. Сначала сделайте вайрфреймы, затем добавляйте детали

Когда основная проблема касается структуры или процесса, следует начать с низкодетализированных вайрфреймов.

Это позволит модели сосредоточиться на иерархии и взаимодействии, а не на декоративных стилях.

1. Финальная полировка вручную

Выполните финальную корректировку выравнивания, расстояний, размеров и других визуальных правок путём прямого редактирования.

1. Предоставьте Claude контекст реального продукта

Подключение к существующей кодовой базе, системе дизайна, компонентам и интерфейсам поможет Claude создавать работы, соответствующие реальному продукту.

Кто может использовать Claude Design?

Claude Design в настоящее время находится на стадии бета-тестирования и доступен для следующих версий:

• Claude Pro
• Claude Max
• Claude Team
• Claude Enterprise

Использование доступно по соответствующей подписке, функционал расходует лимиты Claude-аккаунта.

Для организаций Claude Design по умолчанию отключён, его необходимо включить администратору в настройках организации.

Anthropic сообщает, что общий доступ на уровне организации позволяет оставлять дизайн приватным, предоставлять его коллегам по ссылке для просмотра или открывать для совместного редактирования.

Доступность продукта и условия подписки могут меняться; перед стандартизацией рабочих процессов на его основе командам следует ознакомиться с текущей страницей Claude Design и справочной документацией.

Часто задаваемые вопросы

Что такое Claude Design?

Claude Design — это продукт, выпущенный Anthropic Labs, который позволяет создавать и дорабатывать визуальные работы с помощью диалога и прямого редактирования. Он может создавать прототипы, презентации, целевые страницы, одностраничные работы, анимацию, маркетинговые материалы и другие интерактивные результаты на основе HTML.

Кто создал Claude Design?

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

Правда ли, что Claude Design достиг миллиона пользователей?

Anthropic сообщает, что за первую неделю после запуска Claude Design использовали более миллиона человек. Эти данные были опубликованы в обновлении продуктов Anthropic за июнь 2026 года.

Как Claude Design использует HTML?

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

Можно ли использовать существующую систему бренда с Claude Design?

Да.

Он может анализировать кодовые базы, библиотеки компонентов, презентации, документы, скриншоты, логотипы, цвета, шрифты и другие материалы для создания повторно используемой системы дизайна. Команды и корпоративные пользователи могут публиковать общие системы для использования в проектах.

Может ли Claude Design создавать логотипы?

Anthropic сообщает, что Claude Design не включает модель генерации изображений и не подходит для создания логотипов. Существующие логотипы и графические материалы следует загружать и использовать в дизайне.

В чём разница между Claude Design и Claude Code?

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

Какие планы включают Claude Design?

Claude Design в настоящее время доступен в виде публичной бета-версии для пользователей Pro, Max, Team и Enterprise. Администраторам предприятий необходимо сначала включить его, чтобы члены организации могли им пользоваться.

Связанные инструменты

• Claude Design: Визуальное рабочее пространство Anthropic для прототипов, презентаций, целевых страниц и творческой работы с брендом.
• Claude Code: Кодирующий агент Anthropic для работы с репозиториями, внедрения, тестирования и разработки программного обеспечения.
• Model Context Protocol: Открытый протокол для подключения AI-приложений к внешним инструментам, сервисам и данным.
• Canva: Платформа для совместного дизайна, куда можно экспортировать редактируемые работы из Claude Design.
• Miro: Совместное визуальное рабочее пространство, подключаемое к Claude Design, для уточнения и унификации работы команды.
• Vercel: Платформа для веб-разработки и развёртывания, одна из целей для подключения Claude Design.

Связанные ссылки

• Обзор Claude Design от Нейта Пэрротта: Рассказ создателя от первого лица о том, как появился продукт и как он его использует.
• Представление Claude Design: Официальный анонс Anthropic с обзором функций, плановой доступностью и вариантами экспорта.
• Обновление о миллионе пользователей Claude Design: Обновление Anthropic о принятии за первую неделю, системах дизайна, синхронизации с Claude Code, редактировании и коннекторах.
• Настройка системы дизайна в Claude Design: Официальные инструкции по импорту материалов бренда и публикации повторно используемой системы дизайна команды.
• [Представление Anthropic Labs](https://www.anthropic.

com/news/introducing-anthropic-labs — объяснение Anthropic команды инкубатора экспериментальных продуктов, стоящей за Claude Design.

• Claude Code в VS Code — официальная документация графического интерфейса Claude Code, в разработке которого изначально помогал Пэррот.
• Представление Claude Opus 4.5 — версия модели, связанная с ускорением разработки, выпущенная в ноябре 2025 года.

Эта история описана в рассказе о Пэрроте.

Краткое содержание

Claude Design появился из необходимости дизайнера успевать за скоростью двух инженеров — после выхода Claude Opus 4.5 их производительность резко возросла.

Прорыв Нейта Пэррота заключался в том, что он перестал требовать от ИИ создания дизайна как абстрактного ответа, а предоставил Claude HTML-холст со встроенной бренд-системой компании, сделав результат интерактивным и удобным для обмена.

По мере того как инструмент начали использовать внутри компании, этот побочный проект превратился в официальный продукт Anthropic Labs. За первую неделю аудитория Claude Design превысила миллион пользователей, и сервис постепенно расширился до творческого пространства, поддерживающего прототипирование, презентации, лендинги, анимацию, одностраничные обзоры и другие визуальные коммуникации.

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

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