Инструменты дизайна · август 2026
Claude Design в 2026 году: собрать прототип по описанию словами
Claude Design от Anthropic превращает текстовое описание в рабочий макет с логикой кликов - прототип экрана, презентацию или маленький сайт. Anthropic Labs запустила его 17 апреля 2026 года как «research preview», сейчас статус - открытая всем платным тарифам «beta». К концу этой страницы у тебя будет свой первый прототип на холсте и понимание, куда его выгрузить дальше - файлом, ссылкой или прямо в рабочий код
Нужен только один пропуск: платный тариф Claude - Pro, Max, Team или Enterprise. В бесплатном тарифе инструмента нет вообще, ни в каком виде
Открой claude.ai/design на тарифе Pro и выше, создай проект и опиши задачу словами в чате слева - макет соберётся на холсте справа за минуты. Правки идут через чат, комментарий на элементе или перетаскивание мышью. Готовый макет уходит кнопкой Export - файлом, ссылкой или в Claude Code
Шаг 0. Проверить, открыт ли инструмент на твоём тарифе в 2026 году
Что нажать. Зайди в свой аккаунт Claude и посмотри, какой тариф оплачен - раздел настроек подписки
Что увидишь. Free, Pro, Max, Team или Enterprise
Что это тебе даёт. Ты сразу знаешь, увидишь ли Claude Design в меню, прежде чем тратить время на поиск кнопки, которой у тебя нет
Если тариф не тот или инструмент не виден
- Тариф Free - Claude Design не появится ни в вебе, ни в приложении: нужен минимум Pro
- Тариф Enterprise, а в меню инструмента нет - по умолчанию он выключен у Enterprise, включает администратор организации в настройках, разделе про лабораторные функции Anthropic
- Тариф Pro, Max или Team, а инструмента всё равно нет - обнови страницу или зайди через приложение Claude Desktop вместо браузера, версии интерфейса иногда расходятся на день-два после обновлений
Шаг 1. Открыть Claude Design и создать проект
Что нажать. Открой в браузере адрес claude.ai/design, либо тот же пункт меню в боковом списке приложения Claude Desktop, и создай новый проект
Что увидишь. Экран из двух половин: слева чат, такой же, как в обычном Claude, справа пустой холст
Что это тебе даёт. Новый проект автоматически подхватывает дизайн-систему твоей организации, если она уже настроена - об этом отдельно ниже - и дальше работает как чистый лист под конкретную задачу
Шаг 2. Описать задачу словами в чате слева
Что нажать. В поле чата слева напиши, что нужно собрать - экран приложения, слайд презентации, страницу сайта. Справка Anthropic советует не экономить на подробностях: что именно строишь, для кого это, что здесь важнее всего
Что увидишь. Claude собирает рабочий на вид макет прямо на холсте справа, по ходу того же разговора
Что это тебе даёт. Черновик идеи готов за минуты, а не после созвона с дизайнером - можно сразу смотреть, обсуждать и решать, куда двигаться дальше
Если пошло не так
- Всплыла ошибка chat upstream error - открой новую вкладку чата и повтори запрос, это разовый сбой связи, а не проблема твоего описания
- Написано «usage limits» или макет не собирается - лимит подписки на этот период исчерпан, Claude Design временно недоступен, пока лимит не обновится
- Результат совсем не похож на то, что просил - перепиши запрос конкретнее: что именно строишь, для кого, что важнее всего - расплывчатое описание даёт расплывчатый макет
Шаг 3. Поправить макет: три способа под разные правки
Что нажать. Крупную правку - через тот же чат слева. Точечную правку одного элемента - клик прямо по нему на холсте и комментарий. Визуальную мелочь вроде размера или положения - тащи элемент мышью прямо на холсте
Что увидишь. Чат меняет структуру и логику, комментарий на элементе - только этот элемент, а перетаскивание - расположение и размер без единого слова в чат
Что это тебе даёт. Три инструмента под три разные задачи правки, и они не конкурируют, а дополняют друг друга - крупное через слово, точечное через клик, эстетику руками
Шаг 4. Забрать готовый макет: экспорт и передача в код
Что нажать. Кнопка Export в правом верхнем углу экрана, когда просматриваешь свой проект
Что увидишь. Список форматов: скачать архивом .zip, экспорт в PDF или PPTX, отдельный HTML-файл, отправка в Canva или другой сторонний сервис (Adobe, Base44, Gamma, Lovable, Miro, Replit, Vercel, Wix), либо передача в Claude Code - на локального агента или в веб-версию
Что это тебе даёт. Готовый результат уходит в том виде, в котором он тебе нужен дальше: показать клиенту файлом, отправить ссылкой на правки, или сразу передать программисту (человеку или Claude Code) для сборки рабочего сервиса
Если экспорт не то, что нужно
- Нужен не файл, а обсуждение с коллегой - вместо экспорта дай ссылку на сам проект с одним из трёх уровней доступа: только посмотреть, оставить комментарий, тоже редактировать
- Нужен рабочий сайт или приложение, а не картинка - выбери «Handoff to Claude Code»: макет уйдёт готовым пакетом для сборки, а не голым изображением
- Экспортировал файлом, а редактировать хочется дальше в Claude Design - файл это снимок на момент экспорта, сам проект остаётся живым на claude.ai/design, экспортируй заново после следующей правки
Бонус: как удержать один стиль на всех проектах сразу
Если макеты собирает не один человек, а команда, стиль стоит настроить один раз, а не подгонять в каждом новом проекте руками. Настройка идёт в четыре шага: выбрать или создать организацию внутри Claude Design, загрузить материалы бренда (код сайта или приложения, готовые макеты, документы, логотип), проверить, что Claude извлёк из них правильно, и включить переключатель «Published» - после этого стиль применяется автоматически ко всем новым проектам команды
Источником служит почти любой материал: если стиль уже живёт в коде сайта или приложения, Claude читает оттуда компоненты и оформление напрямую. Так же принимаются скриншоты, презентации, отдельные файлы логотипа и шрифтов. На выходе - палитра цветов, шрифты, стандартные кнопки и карточки, правила отступов. Правится результат тем же чатом через кнопку «Remix»
| Куда уходит макет из Шага 4 | Что получаешь на выходе |
|---|---|
| Файл | архив .zip, PDF, PPTX или готовый HTML |
| Ссылка на просмотр | три уровня доступа: только посмотреть, оставить комментарий, тоже редактировать |
| Сторонний сервис | Adobe, Canva, Miro, Vercel и другие коннекторы из растущего списка |
| Claude Code | готовый пакет для сборки рабочего кода |
Таблица прокручивается вбок →
Чем Claude Design НЕ является: сравнение с Figma, Canva и вайбкодингом
Три соседних инструмента решают похожие на вид задачи, но не одну и ту же:
Claude Design против Figma, Canva и рабочего сервиса на коде (вайбкодинга)
Что даёт Claude Design
- черновик по описанию словами за минуты
- один и тот же стиль на все проекты автоматически
- сразу несколько направлений на выбор
Чего у него нет
- точной ручной подгонки пиксель к пикселю, как в Figma
- совместной работы в реальном времени с живыми курсорами коллег
- подключённой базы данных и реальной логики - это остаётся задачей кода
Три соседних шага одного пути · Design закрывает первый черновик идеи, Figma - точную вёрстку, а рабочий сервис с логикой и данными собирается уже кодом
Отсюда и место инструмента в общей цепочке: он экономит время на старте, когда идею ещё нужно кому-то показать, а не тогда, когда продукт пора запускать в реальную работу
Где у инструмента настоящие границы
Четыре ограничения подтверждены самой Anthropic, а не догадкой со стороны:
- сборка использования Claude Design считается из общего лимита подписки - того же, что делят между собой обычный чат, Claude Code и работа с файлами (Cowork), отдельного запаса на дизайн нет
- у Enterprise-версии пока нет поддержки требований по хранению данных в конкретном регионе
- у Enterprise-версии пока нет журналов аудита действий пользователей
- инструмент открывается только на claude.ai/design или в приложении Claude Desktop, отдельного мобильного приложения нет
«Claude Design usage counts toward each member's existing usage limits, shared with chat, Claude Code, and Cowork»
По-русски: сколько бы прототипов ни собиралось на холсте, они списываются из той же квоты, что и обычная переписка с Claude. Если лимит и так впритык, стоит иметь это в виду до, а не после десятого прогона
Бесплатная копия и наш скилл: два соседних пути
Рядом с темой Claude Design стоят два инструмента, которые легко перепутать, но решают они разное
Первый - Open Design, бесплатная копия того же самого принципа: макет по описанию словами, только без подписки и на любой нейросети, а не только на Claude. Разумный выбор, если цена Pro и выше барьер, или если хочется собрать то же самое другой моделью
Второй - наш скилл UI UX Pro Max. Он работает не в отдельном приложении, а прямо внутри Claude Code, и вместо усреднённого результата модели отдаёт готовые таблицы из 88 стилей, палитр и правил юзабилити. Разумный выбор, если работа и так идёт кодом в Claude Code, и нужна не генерация с нуля, а согласованный интерфейс без разъезжающихся цветов и шрифтов
Три инструмента решают разные шаги одной цепочки: Claude Design - отдельный визуальный инструмент, Open Design - его бесплатный двойник, а UI UX Pro Max - надстройка над Claude Code для тех, кто и так строит интерфейс кодом
Сколько стоит и что входит в тариф
Все цифры сняты 31.08.2026 прямо со страницы тарифов claude.com/pricing, где Claude Design отмечен галочкой у каждого платного плана и отсутствует у бесплатного:
| Тариф | Цена | Claude Design |
|---|---|---|
| Free | 0 $ | нет |
| Pro | 17 $/мес при годовой оплате (200 $ разом), 20 $/мес помесячно | да |
| Max 5x | от 100 $/мес | да |
| Team Standard | 20 $/место в месяц при годовой оплате, 25 $ помесячно | да |
| Team Premium | 100 $/место в месяц при годовой оплате, 125 $ помесячно | да |
| Enterprise | по счётчику использования, цена за место + расход | да, включает администратор |
Таблица прокручивается вбок →
Ниже на той же странице стоит развёрнутая таблица сравнения, и в ней у Max есть выбор между 5x и 20x - это один тариф с разным объёмом использования в час, а не два разных продукта, и Claude Design входит в оба варианта одинаково. Точную цену версии 20x страница показывает рядом с переключателем, и она время от времени меняется, поэтому для актуальной суммы лучше смотреть саму страницу тарифов в моменте, а не запоминать число из статьи
Работает ли из России
Отдельного барьера именно для Claude Design нет: инструмент не продаётся как своя услуга, он идёт частью тех же тарифов Pro, Max, Team и Enterprise. Значит рабочий аккаунт с любым из этих тарифов открывает Claude Design автоматически, без дополнительной настройки специально под дизайн
Российская часть вопроса решается на уровне самого аккаунта Claude, а не отдельно для Design: способ оплаты подписки из России разобран в гайде про покупку, доступ без банов - в разборе VPN, а что вообще есть бесплатно - здесь. Если задача решается без Claude вообще, есть подборка инструментов без дизайнера
Ещё разборы вокруг Claude и вайбкодинга
Соседние темы: инструмент Claude Code, где живёт передача макета в код, и разборы вокруг самого аккаунта Claude
- Что такое Claude Code - тот инструмент, куда уходит макет для сборки
- Первые шаги с нуля - если Claude Code пока незнакомый
- Установка по шагам - как поставить на свой компьютер
- Настройка после установки - что включить сразу
- Умения Claude - как записать свой порядок работы файлом
- Мини-страницы прямо в чате - соседний, более простой формат визуала
- Подключение внешних сервисов - когда помощнику нужны чужие данные
- Работа с файлами на компьютере - режим, с которым Design делит один лимит
- Как оплатить продукты Anthropic из России - шире, чем одна подписка
- Возврат денег, если подписка не подошла
- Тематический хаб про Claude Code - все разборы одним списком
Источники
Все английские цитаты и цифры сняты с самих страниц Anthropic 31.08.2026, кадры выше сделаны в тот же день
- Анонс запуска Claude Design, 17 апреля 2026 года: модель Claude Opus 4.7, список тарифов на старте, что инструмент умеет собирать, партнёрские цитаты - anthropic.com, Introducing Claude Design by Anthropic Labs
- Справка Anthropic «Get started with Claude Design»: текущий статус beta, адрес claude.ai/design, боковое меню Claude Desktop, устройство экрана и кнопка Export - support.claude.com, get started with Claude Design
- Справка Anthropic про настройку дизайн-системы: четыре шага настройки, источники материалов, переключатель Published - support.claude.com, set up your design system
- Руководство администратора Claude Design для Team и Enterprise: общий лимит использования, отключено по умолчанию у Enterprise, ограничения по резидentности данных и аудит-логам - support.claude.com, admin guide
- Официальная страница продукта: список форматов импорта и экспорта, коннекторы к сторонним сервисам - claude.com, Claude Design
- Страница тарифов Claude, снята 31.08.2026: цены Free, Pro, Max, Team Standard, Team Premium, Enterprise и отметка о включённом Claude Design - claude.com, pricing
Памятка: что нужно знать про Claude Design
Семь строк, по которым проходит весь разбор
Сохрани себе
- бесплатного доступа нет: инструмент включён в Pro, Max, Team и Enterprise
- вход - claude.ai/design или боковое меню Claude Desktop, отдельно ставить нечего
- слева чат для описания задачи, справа холст с рабочим макетом
- правки идут тремя способами: через чат, комментарием на элементе или прямой правкой мышью
- дизайн-система один раз настраивается и дальше применяется ко всем новым проектам сама
- готовый макет уходит файлом, ссылкой, в сторонний сервис или прямо в Claude Code на сборку
- для России отдельного барьера нет: подписка на Claude открывает Design автоматически
Порог входа
Три дня, бесплатно, начать можно сегодня
Ставить и докупать ничего не надо: хватит того же аккаунта Claude, в котором ты только что разобрался с Design
Заходят и те, кто до этого умел ровно одно - переписываться с нейросетью в браузере
Заявка в закрытый канал, одобряю сразу. Бот сам напишет первым и покажет, как забрать три дня Лагеря. Бесплатно
Частые вопросы
Что такое Claude Design простыми словами?
Инструмент Anthropic, который по текстовому описанию собирает рабочий на вид макет - экран приложения, слайд презентации или страницу сайта - а не просто картинку. Слева чат для описания задачи, справа холст, где макет появляется по ходу разговора
Claude Design бесплатный?
Нет. Он входит в платные тарифы Claude - Pro, Max, Team и Enterprise, а в бесплатном тарифе его вообще нет в меню. Если платить пока не хочется, есть бесплатная копия принципа - Open Design
Чем Claude Design отличается от Figma?
Figma - инструмент точной ручной вёрстки и совместной работы в реальном времени, а Claude Design собирает первый черновик по словам за минуты, без точной подгонки пиксель к пикселю. Это разные шаги одного пути: сначала быстрый черновик, потом при необходимости точная доводка
Можно ли получить из макета рабочий сайт или приложение?
Кнопкой Export макет передаётся в Claude Code, инструмент для написания кода, но это черновик для сборки, а не готовый сервис. Логику, данные и связи всё равно достраивает уже код
Claude Design работает из России?
Отдельного барьера именно для Design нет: он идёт частью подписки Pro, Max, Team или Enterprise, а не отдельной услугой. Способ оплаты и доступа для аккаунта Claude в целом разобран в гайде про покупку подписки
Сколько стоит Claude Design?
Отдельной цены у него нет - он включён в подписку. Дешевле всего он обходится с тарифом Pro: 17 $ в месяц при годовой оплате или 20 $ помесячно, по данным страницы тарифов на 31.08.2026
Чем Claude Design отличается от нашего скилла UI UX Pro Max?
Claude Design - отдельное приложение Anthropic для визуальных макетов. UI UX Pro Max - наш скилл, который работает прямо внутри Claude Code и держит стиль интерфейса таблицами готовых решений, а не рисует с нуля. Первый инструмент для набросков, второй - для согласованного интерфейса на коде