🤖 ИИ-инструменты

Claude Design: как сделать лендинг или презентацию без дизайнера

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

Ноутбук на столике в кафе с интерфейсом Claude Design - чат слева, макет лендинга справа
Лендинг за утренний кофе - без дизайнера и без Canva
Если уже пробовали лендинги через Cowork: в статье про заработок мы разбирали способ собирать сайты через вайбкодинг прямо в обычном чате. Claude Design - отдельный инструмент именно под такие задачи: холст рядом с чатом, где макет сразу видно и можно править кликом, а не только словами.

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 Design Лендинг для записи на консультации по личным финансам. Блоки: hero с оффером и кнопкой «записаться», обо мне, три формата консультаций с ценами, отзывы клиентов, FAQ, форма записи. Оффер: «Разберём ваши финансы за один созвон - без стыда и лишних терминов». ЦА: женщины 30-45 лет, которые боятся смотреть в свои траты. Настроение: тёплое, без давления и канцелярита. Палитра: спокойный синий и тёплый бежевый.

Разница хорошо видна на двух вариантах одного и того же запроса. Промпт «сделай лендинг для консультанта» отдаёт всё на угадывание Claude - получится ровный, но безликий макет непонятно для кого. Промпт с оффером, палитрой и аудиторией даёт узнаваемый результат уже в первой попытке и переделывать почти нечего.

4 Добавьте референсы (образцы для примера), если важен конкретный стиль

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

Работает и в обратную сторону: если дать Claude Design ссылку на ваш действующий сайт, он сам скопирует оттуда цвета, шрифты и стиль - это называется Web Capture, «захват с сайта». Тогда новая страница будет выглядеть продолжением старого сайта, а не отдельным куском с чужим оформлением.

Два монитора на домашнем столе - на одном простой серый макет, на другом готовый цветной лендинг
Короткий промпт против подробного - разница видна уже в первом черновике

5 Донастройте результат - четыре способа

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

  1. Обычный чат. «Сделай заголовок крупнее», «замени фото в hero» - самый быстрый способ для общих правок
  2. Комментарий прямо на холсте. Кликаете на конкретный элемент и пишете замечание именно к нему, как в Figma
  3. Прямая правка текста. Меняете формулировку кликом, как в обычном редакторе
  4. Слайдеры. Claude сам предлагает ползунки под насыщенность цвета, плотность элементов и размер заголовка - подвигали, увидели результат

6 Настройте Design System, если работаете с этим регулярно

Тем, кто делает подобные макеты не разово, а постоянно - для себя или для нескольких клиентов на заказ, - полезна отдельная функция: Design System запоминает загруженный однажды брендбук и дальше держит все новые макеты в едином стиле без напоминаний.

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

Готовый результат можно выгрузить в PDF для печати, в PPTX для доработки в PowerPoint, в HTML - если нужен реальный код лендинга для заливки на хостинг, получить прямую ссылку для показа без входа в аккаунт или передать в Canva, если кто-то из команды предпочитает доводить финал там.

Частые ошибки

  1. Слишком короткий промпт. Одна строка вроде «сделай лендинг» даёт общий шаблон - нужны минимум цель, макет, контент и настроение
  2. Ждать идеальный результат с первой попытки. Первый черновик - основа для правок, а не готовая страница
  3. Не давать референсов при важном стиле. Без образца Claude вынужден угадывать, что вы имеете в виду под «современным дизайном»
  4. Экспортировать в PPTX не проверив HTML-версию. При конвертации в PowerPoint иногда съезжают элементы - сначала смотрите холст, потом экспортируйте
  5. Не настраивать Design System при регулярной работе. Без неё каждый новый проект начинается с нуля, даже если стиль тот же самый
Стол с образцами цветовой палитры бренда рядом с ноутбуком, на экране настройки Design System
Загрузили брендбук один раз - дальше все макеты в одном стиле сами

С чего начать

Возьмите одну реальную задачу, которая нужна прямо сейчас - лендинг, презентацию для клиента или рекламный баннер - и опишите её по формуле из этой статьи. Первый черновик обычно готов за 15-30 минут, а дальше остаются только правки под свой вкус.

Не пытайтесь сразу освоить все возможности разом. Для первого раза хватит одного лендинга и пары правок через чат - слайдеры и Design System подключите, когда почувствуете, что задачи начали повторяться.

Что дальше

Если ещё не читали, с чего начинать работу с Claude вообще - в первой статье серии разобрали, чем он отличается от ChatGPT: «Claude: что это за нейросеть и чем она отличается от ChatGPT». Про другие способы заработка - вторая статья серии: «5 способов заработать с помощью Claude». А про то, как настроить Claude на свой собственный голос в текстах - статья «Паспорт стиля».

📩 Подпишись на рассылку - несколько раз в неделю присылаю практические материалы без воды.

Подписаться бесплатно →
← Все статьи об ИИ-инструментах