Как пользоваться Claude Design в обычном чате Claude
Claude Design — режим, в котором Claude вместо ответа текстом делает слайды, макет страницы или дизайн-систему, то есть набор фирменных цветов, шрифтов и элементов. Всё это можно поправить прямо на экране, как в редакторе. Сначала он жил на отдельном сайте. С 16 сентября им можно пользоваться в любом чате Claude, а с 8 октября он есть и на бесплатном тарифе.
В апреле, в первые дни после запуска, Ярослав из нашего клуба предпринимателей AI Practiq одним из первых у нас получил к нему доступ и вскоре выложил в общий чат готовую презентацию с подписью «ЭТО ВАУ».
Ещё один участник раньше владел агентством, которое делало брендинг, сайты и дизайн-системы. Он собрал в Claude Design дизайн-систему по своим референсам и по ней потом переделал свой рабочий лендинг.
Презентация в Claude Design по короткой просьбе
Когда Ярослава спросили, брал ли он референсы визуала, он ответил: «Сам все делал, просто ваншотом без промта. корректировал только по расположению и дополнял слайды». Ваншотом значит с одного захода: Claude собрал первый вариант по короткой просьбе, без готового промпта и без образцов оформления. Дальше Ярослав двигал блоки и добавлял недостающие слайды, и после двух кругов правок презентация была готова. Его слайды мы показывали в отдельной статье.
Сейчас презентацию можно попросить в обычном чате Claude, и она появится на холсте рядом с перепиской.
- Откройте новый чат Claude и коротко напишите, о чём презентация и для кого она. Если есть старая презентация в нужном стиле, приложите её.
- Поправьте первый вариант так же, как Ярослав: переставьте блоки прямо на холсте или попросите об этом в чате, а потом попросите добавить недостающие слайды.
- Скачайте презентацию в PowerPoint или PDF.
Съехавший текст в скачанной презентации
Под своими слайдами Ярослав приписал: «P.s Съехал текст уже при сохранении, а не в клоде». Так что скачанную презентацию лучше открыть у себя до того, как она уйдёт клиенту.
Дизайн-система по скриншотам и своим постам
Ярослав обошёлся без референсов, и оформление Claude выбрал сам. Бывший владелец агентства пошёл с другого конца и сначала показал Claude, какой стиль ему нравится.
Он собрал скриншоты сайтов и отдельных элементов, которые ему нравились, и добавил к ним свои удачные посты, оформленные дизайнером. Claude, по его словам, «прекрасно понимает» даже простой скриншот.
«Если вы даёте максимальное количество элементов, на которых видна типографика, работа с сеткой, с цветом, он собирает хорошие дизайн-системы», — объяснял он на эфире клуба.
Весь промпт был «Давай соберём дизайн-систему». Claude задал пару вопросов, подобрал по референсам цвета и шрифты, собрал из них компоненты и шаблоны, а на просьбу скачать систему целиком выгрузил её архивом.
Лендинг по дизайн-системе за 7 минут через Claude Code
Лендинг у него к тому времени был собран в Notion. Архив с дизайн-системой он положил в Dropbox и отдал своему Telegram-боту, который работает на Claude Code. Это версия Claude для разработки, она сама пишет код и собирает сайты. Боту хватило просьбы «переделай мне мой лендинг»: он распаковал архив, разобрался в палитре, и через 7 минут рабочий лендинг был готов. «Это живой сайт, который я использую. <…> Я не правил практически ничего», — рассказывал он на эфире.
Своего бота для этого заводить не нужно: макет страницы можно попросить в обычном чате, так же как презентацию. Готовый макет скачивается HTML-файлом или отправляется в Wix или Netlify прямо из Claude Design. Как Claude Code сам собирает и выкладывает лендинг по макету, мы разбирали на примере сайтов без верстальщика.
Твёрдая четвёрка и продающие посты у дизайнера
Систему он оценивал по меркам своего бывшего агентства и признал, что это «реально неплохой уровень», а для личного бренда и личных сайтов её, по его словам, «абсолютно хватает». Про лендинг сказал так: «Это неидеально, но это твёрдая четвёрка».
Референсы он подбирал сам, но почерк Claude в системе всё равно остался. Один из ведущих эфира сказал, что по таким элементам видно, кто работал над дизайном. Бывшего владельца агентства это не смутило: «Можно узнать, что это Claude, но это прямо хорошо».
Когда его спросили, чем карусели для соцсетей, которые он делает сам, отличаются от работы дизайнера, он ответил, что дизайнер делает «лучше, современнее». Продающие посты он отдаёт дизайнеру, потому что хочет, чтобы они выглядели классно, и, по его словам, это работает. Один такой пост набрал 140 тысяч просмотров, и с него подписалось около 100 человек.
Частые вопросы
Сколько стоит Claude Design? Отдельно платить за него не нужно. С 8 октября 2026 года Claude Design есть на всех тарифах, включая бесплатный, и тратит тот же лимит, что и обычный чат. На бесплатном тарифе этот лимит как минимум в 5 раз меньше, чем на Pro за $20 в месяц.
Нужно ли заходить на claude.ai/design? Нет, с 16 сентября Claude Design работает в любом чате Claude. Отдельный сайт работает до 14 декабря 2026 года. Если вы собирали там дизайн-системы, их можно перенести по инструкции Anthropic о переезде со старого сайта.
Можно ли сделать в Claude Design презентацию для PowerPoint? Да, презентация скачивается в PowerPoint и PDF.
Откроет ли клиент макет по ссылке без аккаунта Claude? Нет, общий макет открывается только у человека с аккаунтом Claude. С бесплатного тарифа поделиться макетом по ссылке нельзя, поэтому клиенту проще отправить PDF или HTML-файл.
Почему Claude отвечает текстом и холст не открывается? Для холста в настройках должно быть включено создание файлов. Проверьте, что в Settings > Capabilities включён пункт Cloud code execution and file creation, и попросите макет ещё раз.
Можно ли из Claude Design сделать готовый сайт? Да. Claude Code, который есть в подписке начиная с Pro, собирает из макета работающую страницу. Ещё макет можно скачать HTML-файлом или отправить в Wix или Netlify прямо из Claude Design.
Заключение
Ярославу для презентации хватило короткой просьбы и двух кругов правок. Бывшему владельцу агентства для дизайн-системы понадобились скриншоты чужих сайтов и своих постов, зато лендинг по этой системе был готов за 7 минут почти без правок, а продающие посты он по-прежнему отдаёт дизайнеру. Теперь и презентацию, и дизайн-систему можно попросить в обычном чате Claude, в том числе на бесплатном тарифе.
Мы ведём канал в Telegram про такие опыты с Claude, удачные и не очень.