Дизайн и видео

Claude для дизайнера: брифы, тексты в макет и структура сайта

Claude не рисует картинки, но закрывает половину работы вокруг макета: вытягивает из клиента внятный бриф, пишет тексты в интерфейс, собирает структуру сайта, разбирает скриншот и превращает идею в задание для генератора изображений.

Короткий ответ: Claude не рисует — это текстовая модель, изображения она читает, но не создаёт. Дизайнеру он закрывает работу вокруг макета, на которую уходит половина проекта: вытянуть из клиента внятный бриф, написать тексты в интерфейс, собрать структуру сайта по экранам, разобрать скриншот, составить задание для генератора картинок и оформить коммерческое предложение. На типовом проекте это 4-6 часов.

Что Claude делает для дизайнера и почему картинки он не рисует

Начнём с границы, чтобы не тратить время. Генерация изображений — отдельный класс сервисов, и Claude в него не входит. Он не нарисует логотип, не соберёт баннер и не выдаст макет в виде картинки. Зато он читает изображения: скриншот макета, фотографию наброска, снимок сайта конкурента.

При этом сама отрисовка занимает меньше половины проекта. Остальное — тексты, разговоры и решения: понять задачу клиента, назвать структуру, написать подписи, объяснить, почему сделано так. Вот эта часть и закрывается текстовой моделью.

Задача проекта Помогает ли Claude Что именно делает
Бриф и вопросы клиенту да, сильно вытягивает требования из переписки, находит пробелы
Структура сайта и экранов да список разделов и блоков с обоснованием
Тексты в макет да, сильно кнопки, заголовки, пустые состояния, ошибки
Коммерческое предложение и смета да структура, формулировки, обоснование объёма

Разбор брифа: как вытащить из клиента то, чего он не сказал

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

Рабочий приём: скормите модели всё, что есть — переписку в мессенджере, расшифровку созвона, заполненную анкету, ссылки на примеры, которые прислал клиент. Попросите три вещи разом:

  1. Собрать требования списком и разделить их на «сказано прямо» и «домыслено из контекста». Второй список — главный источник будущих правок.
  2. Найти противоречия. «Хотим строго и дорого» рядом с примером в виде яркого маркетплейса — это противоречие, и обсудить его надо до эскиза, а не после.
  3. Составить недостающие вопросы по вашему чек-листу: кто аудитория, какое действие целевое, есть ли фирменный стиль и в каком виде, кто согласует, сколько кругов правок в договоре, где берётся контент.

Пример запроса: «Ты арт-директор студии. Ниже переписка с клиентом и его анкета. Собери бриф на редизайн сайта: требования отдельно от домыслов, противоречия отдельным списком, недостающие вопросы к клиенту не больше 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 минут: там расспросят про вашу работу, покажут, что закрывается уже сегодня, назовут инструменты и уроки, где это разбирается, и прикинут, сколько за такую работу платят по рынку Беларуси.

Частые вопросы

Может ли Claude рисовать картинки и макетыНет, это текстовая модель: изображения она читает, но не создаёт. Для картинок берут отдельные сервисы генерации, а Claude помогает написать для них задание и разобрать результат.
Чем Claude полезен дизайнеруРазбором брифа и списком вопросов к клиенту, текстами в макет - кнопки, заголовки, пустые состояния, сообщения об ошибках, структурой сайта по экранам и блокам, техническим заданием на генерацию картинки, коммерческим предложением и защитой правок перед клиентом.
Как использовать Claude для составления брифаДайте ему переписку с клиентом или расшифровку созвона и попросите вытащить требования, отметить противоречия и составить список недостающих вопросов. Дальше бриф оформляется в ваш шаблон, и на созвон вы приходите со списком, а не с чистым листом.
Пишет ли Claude тексты для интерфейса на русскомДа, и это одна из задач, где он заметно экономит время: варианты подписей кнопок с ограничением по числу знаков, заголовки экранов, тексты пустых состояний и понятные сообщения об ошибках. Проверять надо длину строк в макете и единообразие терминов.
Сколько времени экономит Claude на дизайн-проектеНа типовом сайте-визитке экономия набирается из мелочей: бриф и вопросы вместо часа переписки, тексты в макет вместо двух-трёх часов, коммерческое предложение вместо часа. Суммарно 4-6 часов на проект, которые по ставке белорусского дизайнера стоят 100-200 BYN.

Дизайнерам: разберём вашу ситуацию бесплатно

Управляемая генерация под бриф, видео без съёмки и сборка сайтов без разработчика.

Подробнее →