Claude Design оказался «сайд-проектом», рожденным из гонки за эффективностью.
За ним стоит история двух инженеров и одного дизайнера.
История начинается с выпуска Opus 4.5 в ноябре 2025 года.
В то время Нейт Пэрротт был единственным дизайнером в проекте Claude Code для VS Code, работая бок о бок с двумя инженерами.
Продуктовый дизайнер Anthropic Нейт Пэрротт от первого лица описывает в официальном блоге весь процесс рождения Claude Design.
Все трое занимались одним делом: превратить Claude Code, который работал только через ввод команд в терминале, в интерфейс, понятный и удобный для обычных людей.
В конце сентября продукт вышел в бета-версию, все шло как обычно; затем в ноябре вышел Opus 4.5. Дальнейшую картину Пэрротт описывает так:
Два инженера внезапно начали бешено выкатывать фичи, их продуктивность резко выросла, а он работал с прежней скоростью.
Вскоре он отстал.
«Нужно найти способ догнать», — подумал Пэрротт.
Используя свободное время, он создал небольшой инструмент, чтобы помочь себе нагнать инженерный темп.
И этим «сайд-проектом» стал Claude Design, которым в первую неделю после запуска воспользовались более миллиона человек.
Инженерия взлетела, дизайн остался позади
Драматизм этой истории в том, что ИИ не повысил скорость работы всех равномерно, а сначала дал мощный импульс инженерам.
Таким образом, дизайн, которым занимался Пэрротт, быстро стал самым медленным звеном в цепочке.
Переломным моментом стало 24 ноября 2025 года, день выхода Opus 4.5.
По словам Пэрротта, после этого темп работы всей команды Claude Code заметно ускорился, два инженера стали выдавать больше, чем раньше, а его дизайнерская продуктивность осталась прежней.
Это заставило его искать способ догнать.
Это как раз и выявляет одну из самых упускаемых из виду сторон волны ИИ: первое воздействие часто заключается не в том, исчезнет ли та или иная должность, а в нарушении согласованности ритмов существующих рабочих процессов.
Например, как только инженерия ускоряется, дизайн, продуктовое управление, маркетинг — любые звенья, которые не могут угнаться, мгновенно становятся новым узким местом.
Месячный эксперимент на стороне: от «ИИ пишет дизайн» до «ИИ пишет HTML»
Первоначальная идея Пэрротта была прямой.
Claude Code был чисто текстовым инструментом для терминала, и он сначала пошел по тому же пути, рассматривая дизайн как текстовую работу:
Запаковать вывод терминала, несколько скриншотов интерфейса и формулировку задачи, бросить это Claude и сказать: «Вот функция, которую мы хотим добавить, спроектируй ее».
Результат оказался неидеальным.
Примерно месяц он занимался этим как сайд-проектом: без формального запуска, продвигая его постепенно в свободное от основной работы время.
Постепенно он наткнулся на настоящее решение: Claude оказался исключительно хорош в написании HTML.
Мы привыкли считать HTML инструментом для создания веб-страниц.
Но озарение Пэрротта состояло в том, что HTML — это на самом деле очень богатая интерактивная визуальная среда: презентации, видеофайлы, PDF... Все, что они могут делать, можно сделать и с помощью веб-страницы.
Поэтому он перестал просить Claude «рисовать дизайн», а начал просить его «генерировать HTML», помещая результат в интерфейс: чат слева, интерактивный предпросмотр справа. Скажешь что-то — справа сразу меняется.
Ключевым прорывом для Пэрротта стало не «заставить ИИ рисовать», а «использовать HTML как универсальный визуальный холст»: презентации, интерактивные прототипы, анимации, веб-страницы — все это теперь можно генерировать и редактировать в едином потоке.
Рабочий интерфейс Claude Design: диалог слева, холст справа — именно такую концепцию прототипа реализовал изначально Пэрротт.
Одного HTML недостаточно, дизайн-система — вот ключ
Умения просто писать HTML было далеко не достаточно для «рабочего» инструмента.
По мнению Пэрротта, суть продуктового дизайна заключается в том, чтобы превратить ваше понимание продукта и бренда в каждое конкретное дизайнерское действие.
Поэтому он потратил немало времени, чтобы «дистиллировать» в промпты все элементы бренда Anthropic: шрифты, цветовые палитры, материалы и принципы дизайна.
В результате, когда он вводил задачу для ИИ, сгенерированный дизайн изначально был ближе к гайдлайнам Anthropic.
Он упаковал всю эту систему в небольшой внутренний прототип и поделился с командой. Продуктовые дизайнеры сразу начали использовать его для создания интерактивных прототипов.
В традиционных дизайнерских инструментах создание кликабельного прототипа означало, что вам нужно нарисовать каждое состояние каждого экрана и вручную соединить их связями.
А в Claude Design достаточно бросить материалы в Claude и сказать «сделай это рабочим», и он создаст что-то со встроенной ссылкой, которое можно просто отправить коллеге, как документ.
Это впоследствии стало ключевой возможностью всего продукта.
Сегодня, начав работу с Claude Design, при первой настройке он прочитает ваш репозиторий кода и дизайн-файлы, автоматически собрав для команды дизайн-систему.
После этого каждый проект автоматически использует ваши цвета, шрифты и компоненты. В больших командах можно назначить администратора, который зафиксирует единую стандартную систему, чтобы никто не мог ее менять.
Одна «офсайт»-встреча превратила сайд-проект в основной
По-настоящему Пэрротт почувствовал, что «это сработало», во время питчинга идей на воркшопе команды Anthropic Labs.
Он заметил, что почти все присутствующие использовали этот инструмент для сборки слайдов презентаций, и многие делали это на ходу, прямо перед своим выступлением.
Именно эта сцена убедила команду Labs официально выделить ресурсы на проект. С этого момента сайд-проект превратился в настоящий продукт.
Путь Claude Design компания Anthropic уже проходила однажды.
13 января 2026 года Anthropic объявила о расширении Labs, пригласив сооснователя Instagram Майка Кригера и Бена Манна для руководства, с фокусом на инкубации экспериментальных продуктов на переднем крае возможностей Claude.
Claude Code начался как research preview и за шесть месяцев вырос в продукт с миллиардным потенциалом.
Claude Design пошел тем же путем: личный эксперимент → активное использование внутренними дизайнерами → «голосование ногами» коллегами на питчинге → выделение людей в Labs → публичный research preview → бета-версия.
Ни один шаг в этой цепочке не был спланирован сверху.
Нативные для ИИ продукты часто не «проектируются», а «проявляются» через реальное внутреннее использование.
Смещение ценности вперед: дизайнер больше не просто «делает макеты»
После того как Claude Design стал официальным продуктом, его позиционирование быстро изменилось.
Его перестали рассматривать как инструмент только для создания визуализаций интерфейсов.
Презентации, лендинги, PDF для печати на одной странице, электронные письма, анимации, картинки для соцсетей — любая задача, связанная с визуальной коммуникацией, стала ему под силу.
Как говорит сам Пэрротт, он находится «на уровень выше продуктового дизайна»: вы вместе с Claude оттачиваете те визуальные материалы, которые в первую очередь используются для коммуникации и замысла.
Разделение труда понятно: Claude Design отвечает за ранние этапы — быстрый поиск и сравнение идей, достижение консенсуса; Claude Code — за поздние, за настоящую разработку.
Они также могут взаимодействовать: через /design-sync подтянуть дизайн-систему, через /design править прямо в терминале, связующим звеном служит MCP.
Claude Design экспортирует в PDF, PPTX, HTML и интегрируется с такими инструментами, как Canva, Adobe, Gamma, Miro, Replit, Vercel, Wix.
Готовые работы можно экспортировать в PDF, PPTX, HTML, а также отправить одним кликом в такие инструменты, как Canva, Adobe, Gamma, Miro, Replit, Vercel, Wix, для дальнейшей работы.
Но Claude Design — это не модель для генерации изображений. Пэрротт признает: он не подходит для создания логотипов. Ваши существующие логотипы, изображения и брендовые материалы нужно импортировать самостоятельно.
Для написания продакшен-кода Anthropic по-прежнему рекомендует использовать Claude Code.
В конечном счете, Claude Design — это инструмент для ранних стадий, а не зрелая платформа для разработки.
Чем лучше модели справляются с написанием кода, тем больше ценность смещается вперед, а ценность дизайнера смещается к выбору направления, построению систем, оценке качества, достижению консенсуса.
Вернемся к началу истории.
Когда два инженера рядом внезапно рванули вперед, Пэрротт, единственный дизайнер в группе, остался позади. Он не стал ждать, а взял и создал инструмент, чтобы догнать их.
Кто бы мог подумать, что этим инструментом позже будут пользоваться миллионы.
Поэтому, когда ваша работа сталкивается с воздействием ИИ и это вызывает тревогу, можно последовать примеру Пэрротта: использовать ИИ, чтобы создать себе новый инструмент, или найти такой инструмент и открыть новые возможности.
Источники:
https://claude.com/blog/how-the-product-designer-who-built-claude-design-uses-it-to-explore-ideas-before-building-them?utm_source=chatgpt.com
https://www.anthropic.com/news/claude-design-anthropic-labs?utm_source=chatgpt.com
Статья из WeChat официального аккаунта «Новая эра ИИ», автор: ASI启示录
