1 Найдите Claude Design и откройте холст
Claude Design живёт по отдельному адресу - claude.ai/design, это не вкладка внутри обычного чата, а самостоятельный инструмент. Нужна подписка Pro или выше, на бесплатном тарифе он недоступен, как и Cowork из прошлой статьи. Работает Design на модели Opus - самой мощной в линейке Claude, дополнительно настроенной под визуальные задачи.
Интерфейс простой: слева обычный чат, справа - холст, где в реальном времени появляется макет. Сверху три кнопки: Export (выгрузка готового результата), Share (ссылка для показа коллегам) и History (все версии проекта, если захочется вернуться к прежнему варианту).
Осенью 2026 инструмент всё ещё в статусе research preview - «пробная версия для тестирования». Это значит, что им уже можно пользоваться, но кое-где встречаются мелкие шероховатости: комментарий на холсте иногда исчезает до того, как Claude успевает его прочитать, а на больших проектах сохранение может выдать ошибку. Обычно достаточно продублировать замечание текстом в чат или повторить попытку - ничего, что стоило бы откладывать знакомство с инструментом.
Помимо лендингов, тем же способом собираются презентации с экспортом в PowerPoint, прототипы мобильных приложений с кликабельными переходами между экранами, рекламные креативы под разные форматы соцсетей, коммерческие предложения на одну страницу и инфографика для отчётов. Принцип везде одинаковый: описали словами, получили макет на холсте, поправили - готово.
2 Пример: лендинг под запуск за один вечер
Представим репетитора, который решил запустить курс подготовки к экзамену и за вечер собрал для него лендинг сам, без верстальщика. Раньше такая задача означала техническое задание фрилансеру, несколько дней ожидания и правки по переписке. С Claude Design весь путь укладывается в один присест.
Сначала - подробный промпт по формуле из следующего пункта, первый черновик готов через несколько минут. Дальше - полчаса на правки через чат и слайдеры: заголовок покрупнее, фотографию в шапке заменить, добавить блок с отзывами первых учеников. В конце - экспорт в HTML и загрузка на обычный хостинг или в конструктор вроде Тильды.
3 Опишите задачу по формуле - и получите черновик
Голый запрос вроде «сделай лендинг для консультанта» даст усреднённый шаблон «для всех консультантов мира». Чтобы первый черновик получился ближе к финальному, полезно закрыть четыре пункта: цель (что и для кого делаете), макет (какие блоки нужны), контент (что именно писать) и настроение (атмосфера, цвета, стиль).
Разница хорошо видна на двух вариантах одного и того же запроса. Промпт «сделай лендинг для консультанта» отдаёт всё на угадывание Claude - получится ровный, но безликий макет непонятно для кого. Промпт с оффером, палитрой и аудиторией даёт узнаваемый результат уже в первой попытке и переделывать почти нечего.
4 Добавьте референсы (образцы для примера), если важен конкретный стиль
Если есть образец, на который хочется быть похожим - скриншот сайта, готовый брендбук в PDF (документ с фирменными цветами, шрифтами и логотипом) или ссылка на существующий сайт, - Claude Design учитывает это при сборке макета, а не только текстовое описание из промпта.
Работает и в обратную сторону: если дать Claude Design ссылку на ваш действующий сайт, он сам скопирует оттуда цвета, шрифты и стиль - это называется Web Capture, «захват с сайта». Тогда новая страница будет выглядеть продолжением старого сайта, а не отдельным куском с чужим оформлением.
5 Донастройте результат - четыре способа
Первый черновик редко становится финальным сразу - под правки в Design есть четыре инструмента, и обычно хватает одного-двух раундов, а не бесконечной переписки.
- Обычный чат. «Сделай заголовок крупнее», «замени фото в hero» - самый быстрый способ для общих правок
- Комментарий прямо на холсте. Кликаете на конкретный элемент и пишете замечание именно к нему, как в Figma
- Прямая правка текста. Меняете формулировку кликом, как в обычном редакторе
- Слайдеры. Claude сам предлагает ползунки под насыщенность цвета, плотность элементов и размер заголовка - подвигали, увидели результат
6 Настройте Design System, если работаете с этим регулярно
Тем, кто делает подобные макеты не разово, а постоянно - для себя или для нескольких клиентов на заказ, - полезна отдельная функция: Design System запоминает загруженный однажды брендбук и дальше держит все новые макеты в едином стиле без напоминаний.
Загружаете PDF с брендбуком, ссылку на сайт и пару примеров - Claude сам разбирает цвета, шрифты и стиль компонентов. Если берёте заказы на лендинги у нескольких клиентов, имеет смысл завести отдельную Design System под каждого - так материалы разных заказчиков не смешиваются между собой.
Готовый результат можно выгрузить в PDF для печати, в PPTX для доработки в PowerPoint, в HTML - если нужен реальный код лендинга для заливки на хостинг, получить прямую ссылку для показа без входа в аккаунт или передать в Canva, если кто-то из команды предпочитает доводить финал там.
Частые ошибки
- Слишком короткий промпт. Одна строка вроде «сделай лендинг» даёт общий шаблон - нужны минимум цель, макет, контент и настроение
- Ждать идеальный результат с первой попытки. Первый черновик - основа для правок, а не готовая страница
- Не давать референсов при важном стиле. Без образца Claude вынужден угадывать, что вы имеете в виду под «современным дизайном»
- Экспортировать в PPTX не проверив HTML-версию. При конвертации в PowerPoint иногда съезжают элементы - сначала смотрите холст, потом экспортируйте
- Не настраивать Design System при регулярной работе. Без неё каждый новый проект начинается с нуля, даже если стиль тот же самый
С чего начать
Возьмите одну реальную задачу, которая нужна прямо сейчас - лендинг, презентацию для клиента или рекламный баннер - и опишите её по формуле из этой статьи. Первый черновик обычно готов за 15-30 минут, а дальше остаются только правки под свой вкус.
Не пытайтесь сразу освоить все возможности разом. Для первого раза хватит одного лендинга и пары правок через чат - слайдеры и Design System подключите, когда почувствуете, что задачи начали повторяться.
Что дальше
Если ещё не читали, с чего начинать работу с Claude вообще - в первой статье серии разобрали, чем он отличается от ChatGPT: «Claude: что это за нейросеть и чем она отличается от ChatGPT». Про другие способы заработка - вторая статья серии: «5 способов заработать с помощью Claude». А про то, как настроить Claude на свой собственный голос в текстах - статья «Паспорт стиля».
📩 Подпишись на рассылку - несколько раз в неделю присылаю практические материалы без воды.
Подписаться бесплатно →