Claude для дизайнера: брифы, тексты в макет и структура сайта
Claude не рисует картинки, но закрывает половину работы вокруг макета: вытягивает из клиента внятный бриф, пишет тексты в интерфейс, собирает структуру сайта, разбирает скриншот и превращает идею в задание для генератора изображений.
Короткий ответ: Claude не рисует — это текстовая модель, изображения она читает, но не создаёт. Дизайнеру он закрывает работу вокруг макета, на которую уходит половина проекта: вытянуть из клиента внятный бриф, написать тексты в интерфейс, собрать структуру сайта по экранам, разобрать скриншот, составить задание для генератора картинок и оформить коммерческое предложение. На типовом проекте это 4-6 часов.
Что Claude делает для дизайнера и почему картинки он не рисует
Начнём с границы, чтобы не тратить время. Генерация изображений — отдельный класс сервисов, и Claude в него не входит. Он не нарисует логотип, не соберёт баннер и не выдаст макет в виде картинки. Зато он читает изображения: скриншот макета, фотографию наброска, снимок сайта конкурента.
При этом сама отрисовка занимает меньше половины проекта. Остальное — тексты, разговоры и решения: понять задачу клиента, назвать структуру, написать подписи, объяснить, почему сделано так. Вот эта часть и закрывается текстовой моделью.
| Задача проекта | Помогает ли Claude | Что именно делает |
|---|---|---|
| Бриф и вопросы клиенту | да, сильно | вытягивает требования из переписки, находит пробелы |
| Структура сайта и экранов | да | список разделов и блоков с обоснованием |
| Тексты в макет | да, сильно | кнопки, заголовки, пустые состояния, ошибки |
| Коммерческое предложение и смета | да | структура, формулировки, обоснование объёма |
Разбор брифа: как вытащить из клиента то, чего он не сказал
Типичный бриф звучит как «нужен сайт, чтобы было красиво и продавало». Дальше идёт либо час созвона с наводящими вопросами, либо два круга правок из-за того, что вопросы не задали.
Рабочий приём: скормите модели всё, что есть — переписку в мессенджере, расшифровку созвона, заполненную анкету, ссылки на примеры, которые прислал клиент. Попросите три вещи разом:
- Собрать требования списком и разделить их на «сказано прямо» и «домыслено из контекста». Второй список — главный источник будущих правок.
- Найти противоречия. «Хотим строго и дорого» рядом с примером в виде яркого маркетплейса — это противоречие, и обсудить его надо до эскиза, а не после.
- Составить недостающие вопросы по вашему чек-листу: кто аудитория, какое действие целевое, есть ли фирменный стиль и в каком виде, кто согласует, сколько кругов правок в договоре, где берётся контент.
Пример запроса: «Ты арт-директор студии. Ниже переписка с клиентом и его анкета. Собери бриф на редизайн сайта: требования отдельно от домыслов, противоречия отдельным списком, недостающие вопросы к клиенту не больше 12 штук, сгруппируй их по темам. Не придумывай данные, которых в переписке нет, — помечай пропуски.»
Фраза про пропуски здесь ключевая. Без неё модель заполнит дыры правдоподобными предположениями, и вы придёте к клиенту с брифом, половину которого он не говорил.
Тексты в макет: кнопки, заголовки, пустые состояния и ошибки формы
Место, где дизайнеры теряют больше всего времени, — подписи. Их немного, они короткие, и именно поэтому над ними сидят по двадцать минут. Модель выдаёт варианты пачками, а вы выбираете.
- Подписи кнопок с ограничением по длине. Просите сразу с рамкой: «не длиннее 14 знаков с пробелами, глагол в начале, 8 вариантов».
- Заголовки экранов и блоков. Здесь работает то же правило, что в статьях: в заголовке назван предмет, а не «это» и «наш подход».
- Пустые состояния. Экран без данных — там, где ничего ещё не добавлено, ничего не найдено, список пуст. Их почти всегда рисуют последними и почти всегда пишут плохо.
- Сообщения об ошибках формы. «Неверный формат» меняется на «Телефон вводится в формате +375 XX XXX XX XX». Разница в конверсии заметнее, чем в цвете кнопки.
- Тексты-заглушки на реальных данных. Вместо латинской рыбы — правдоподобные названия, имена и суммы в BYN. Макет с настоящей длиной строк ведёт себя иначе.
Что проверять руками: длину строк прямо в макете, единообразие терминов на всех экранах и отсутствие обещаний, которых бизнес не выполняет. Модель охотно пишет «доставим за час», не зная, что курьера у клиента нет.
Структура сайта: список экранов и блоков вместо чистого листа
До первого экрана в редакторе идёт этап, который многие проскакивают: из чего вообще состоит сайт и в каком порядке идут блоки. Здесь модель полезна не как источник истины, а как способ не начинать с пустоты.
Дайте вводные: что за бизнес, кто аудитория, какое действие целевое, какие есть материалы, чем отличается от конкурентов. Попросите список разделов, для каждого — назначение, состав блоков и то, какое возражение клиента этот блок закрывает. Последний пункт превращает набор секций в осмысленную последовательность.
Дальше структуру правите своим опытом: модель предложит общее место, ваша работа — выкинуть лишнее и добавить то, что знаете про нишу. Час на белом листе превращается в двадцать минут правки.
Разбор скриншота макета: что модель видит, а что нет
Изображения Claude читает, и на этом строится несколько полезных задач: проверить макет по чек-листу, вытащить текст со скриншота конкурента, разобрать структуру чужой страницы, получить второе мнение по иерархии.
Что получается хорошо: назвать, из каких блоков состоит экран, найти несогласованность в подписях, заметить, что целевое действие не выделено, перечислить, чего на экране не хватает по типу страницы. Что получается плохо: точные оценки контраста и отступов по картинке, суждение о вкусе, определение шрифта по начертанию.
Рабочая формулировка звучит так: «Вот скриншот главной страницы. Проверь по списку: понятно ли за 5 секунд, что здесь продают; выделено ли целевое действие; есть ли блок, закрывающий вопрос цены; нет ли двух разных названий одной услуги. Отвечай по пунктам, не хвали.»
Задание на генерацию картинки: как описать иллюстрацию словами
Сервисы генерации изображений отвечают на подробное описание лучше, чем на два слова, а придумывать это описание руками долго. Claude тут работает переводчиком с языка задачи на язык запроса: вы говорите «нужна иллюстрация на блок про доставку, стиль как на остальном сайте, спокойные цвета, без людей», он собирает развёрнутый запрос с указанием композиции, плана, освещения, палитры и формата.
Правило одно: описывайте, что должно быть, а не чего не должно, — списки запретов работают хуже позитивного описания. Удачные запросы сохраняйте в свой файл вместе с итоговой картинкой, через десяток проектов из них соберётся своя библиотека под разные стили.
Коммерческое предложение, смета и защита правок перед клиентом
Деловая часть работы дизайнера — там, где обычно теряются деньги. Три задачи, которые модель закрывает почти целиком:
- Коммерческое предложение по вашему шаблону. Вводные: что за клиент, какой объём, какие сроки, ваши ставки. На выходе — структура с обоснованием объёма работ, а не список из трёх строк.
- Обоснование сметы. Разложить проект на этапы с часами: бриф, структура, прототип, макеты, адаптив, передача в вёрстку, авторский надзор. Клиенту становится понятно, за что он платит, а вам — где вы недосчитались времени.
- Ответ на правки. Вежливое объяснение, почему кнопка не станет красной, и предложение альтернативы. Тон здесь важнее аргументов, и на подбор тона уходит больше времени, чем на сам довод.
Отдельно полезная привычка: перед отправкой попросить проверить документ на обещания, которых нет в договоре. Формулировки вроде «неограниченное число правок» попадают в предложение случайно и стоят потом дорого.
Где Claude бесполезен дизайнеру: вкус, композиция и решение за клиента
- Вкус и композиция. Модель назовёт принципы из учебника, но не увидит, что макет разваливается. Решение о том, красиво ли это, остаётся вашим.
- Подбор шрифтовой пары под задачу. Даст расхожие сочетания, которые вы и так знаете. Лицензии и поддержку кириллицы проверяйте сами — здесь она ошибается регулярно.
- Решение за клиента. Модель не знает, что у заказчика есть нелюбимый конкурент с синим логотипом и поэтому синий не пройдёт согласование.
- Ответственность. Всё, что ушло клиенту за вашей подписью, — ваше, включая тексты, которые вы не перечитали.
Сколько времени экономят дизайн-задачи в часах и BYN
| Задача на проекте | Было | Стало | Что осталось за вами |
|---|---|---|---|
| Бриф и вопросы клиенту | 1-1,5 часа | 20 минут | задать вопросы и услышать ответ |
| Структура сайта | 1,5 часа | 30 минут | выкинуть лишнее, добавить своё |
| Тексты в макет | 2-3 часа | 40 минут | проверить длину строк и термины |
| Задание на иллюстрации | 40 минут | 10 минут | отобрать результат |
| Коммерческое предложение | 1 час | 20 минут | цифры и сроки |
Суммарно 4-6 часов на типовом проекте. По ставке белорусского дизайнера от 25 до 40 BYN за час это 100-240 BYN, которые вы либо кладёте в маржу проекта, либо тратите на следующий заказ. На потоке из четырёх проектов в месяц набирается почти рабочая неделя.
Как из этих навыков собирается услуга, за которую платят отдельно
Интереснее другое: часть перечисленного — не экономия на своей работе, а новая строка в счёте. Тексты в интерфейс, структура сайта и проработка брифа продаются отдельно от отрисовки, и клиенты платят за них охотно, потому что своими силами эти этапы обычно проваливаются.
Как собрать такой набор услуг и как его показывать заказчику, разобрано на странице курса для дизайнеров, а как выстроить на этом поток заказов на фрилансе — на странице для фрилансеров. Обучение рассчитано на 12 месяцев, уроки по 30 минут, их более 150 и становится больше, тарифы 99, 169 и 699 BYN в месяц, доступ индивидуальный. Если не понятно, какие из ваших этапов стоит отдать ИИ первыми, есть бесплатный разбор на 20-30 минут: там расспросят про вашу работу, покажут, что закрывается уже сегодня, назовут инструменты и уроки, где это разбирается, и прикинут, сколько за такую работу платят по рынку Беларуси.
Частые вопросы
Дизайнерам: разберём вашу ситуацию бесплатно
Управляемая генерация под бриф, видео без съёмки и сборка сайтов без разработчика.
Подробнее →