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

Клод закрывает в дизайне то, что делается словами и кодом. Он пишет тексты кнопок и сообщений об ошибках под ваш лимит длины, предлагает порядок блоков лендинга, описывает сценарий пользователя по шагам, собирает черновой прототип экрана на HTML и CSS. Скриншот макета можно приложить к запросу: модели Claude принимают изображения (platform.claude.com, 01.11.2026), так что Клод разберёт экран и скажет, где теряется главная кнопка.

Рисовать модели Claude не умеют: ответ у них всегда текстовый. Для иллюстраций и логотипов Клод напишет описание, а нарисует его модель генерации картинок. Как это устроено, рассказываем на странице «Клод и картинки».

Открыть Клод

Что получится: тексты, структура, прототип, разбор

Тексты интерфейсов: как ставить задачу

Для текстов интерфейса дайте Клод три вводные: где человек сейчас, что пошло не так, сколько места на экране. Лимит пишите в знаках, а не словом «коротко». Попросите указать длину каждого варианта, но перепроверьте её счётчиком: при подсчёте знаков модель может ошибиться на пару символов.

Голос продукта задайте примером. Вставьте 3–5 текстов из своего интерфейса, которые вам нравятся, и попросите писать так же. С примером ответы выходят ближе к вашему тону, чем с описанием «дружелюбно, но по-деловому».

Состояния экрана перечисляйте явно: пустой список, загрузка, ошибка сети, успешное действие. Тексты для всех состояний просите одним запросом, тогда они выйдут в одном тоне и с одинаковыми словами для одних и тех же действий.

Структура и макеты: пошагово

1. Опишите одним абзацем продукт и аудиторию, затем цель страницы: запись, покупка, звонок.
2. Попросите структуру: блоки по порядку, задача каждого блока, заголовок. Правьте на этом этапе, пока текстов ещё нет.
3. Для каждого блока попросите тексты с лимитами по длине.
4. Нужен прототип? Попросите один экран на HTML и CSS без сторонних библиотек. Сохраните ответ в файл с расширением .html и откройте в браузере. Это черновик для обсуждения, а не финальный макет.
5. Сделайте скриншот своего макета и попросите разбор: что видно первым, что мешает, что убрать.

Примеры запросов для дизайна

Запросы рассчитаны на копирование: замените продукт и экран на свои, лимиты тоже.

Текст ошибки оплаты

Экран оплаты в приложении доставки продуктов. Банк отклонил карту.
Напиши 3 варианта: заголовок до 40 знаков, пояснение до 120 знаков, кнопка до 20 знаков.
Тон спокойный, без лишних извинений. Подскажи пользователю следующий шаг.
У каждого варианта укажи длину в знаках.

Ответ придёт тремя блоками с текстами и счётчиком знаков. Выберите вариант и попросите версию для случая, когда на карте не хватает денег.

Структура лендинга

Лендинг онлайн-курса бухгалтерии для владельцев малого бизнеса. Цель страницы: запись на бесплатный урок.
Предложи порядок блоков сверху вниз. Для каждого блока: зачем он, заголовок, 1–2 строки текста, что на картинке.

Ответ: нумерованный список блоков, его удобно сразу переносить в макет. Следующим сообщением попросите прототип первого экрана на HTML и CSS.

Разбор скриншота

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

Ответ: 5 правок с объяснением. Это гипотезы, а не приговор: проверьте их на нескольких живых пользователях. Если экранов несколько, прикладывайте их в порядке сценария и подпишите номера.

Разобрать макет в Клоде

Прототип кодом вместо картинки

Прототип на HTML и CSS удобен тем, что его можно открыть на телефоне и потрогать. Попросите сразу мобильную версию шириной 390 пикселей и состояния кнопок: обычное, при наведении, неактивное. Правки вносите словами: «увеличь отступы между карточками», «сделай кнопку контрастнее». Финальный макет всё равно собирайте в своём редакторе, прототип нужен для разговора с командой и заказчиком.

Дизайн-система: описания компонентов и правила текстов

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

Готовый документ вставляйте в начало каждого запроса про тексты интерфейса, тогда Клод держится ваших правил, а не общих. Если компонентов несколько десятков, отдайте задачу Opus 5.5: это долгая работа с большим объёмом знаний.

Типичные ошибки

• «Сделай красивый дизайн». Без продукта и аудитории Клод выдаёт шаблон. Начинайте с задачи страницы.
• Ожидание картинки. Ответ всегда текстом: прототип придёт кодом, иллюстрация описанием.
• Тексты без лимита длины. Длинная надпись на кнопке на телефоне переносится или обрезается, поэтому лимит задавайте заранее.
• Разбор без вопроса. Скриншот с подписью «оцени» даёт общий список, вопрос «почему не нажимают кнопку записи» даёт ответ по делу.

Какая модель подходит дизайнеру

Для текстов и структуры хватает Sonnet 5.5: Anthropic называет её лучшим сочетанием скорости и ума, запрос с ответом стоит около 1,89 ₽. Если за один раз нужно разобрать много экранов или длинное описание дизайн-системы, берите Opus 5.5, модель для долгих задач со знаниями, около 4,16 ₽ за такой же запрос. Сотню вариантов пуш-уведомлений дешевле получить на Haiku 5.5: около 0,10 ₽ за запрос. Цены посчитаны по тарифам сервиса по кнопке на 01.11.2026 для запроса в 500 токенов и ответа в 800 токенов, полная таблица на странице «Тарифы и цены».

Посмотреть цены в рублях

Как открыть Клод для дизайна из России

Россия не входит в список поддерживаемых стран Anthropic (anthropic.com/supported-countries, 01.11.2026), а телефон для регистрации принимают только из этих стран (support.claude.com, 01.11.2026). Поэтому завести аккаунт на claude.ai отсюда не получится. Оригинальные модели Claude с оплатой картой РФ открываются по кнопке на этой странице, а подробности собраны на странице «Клод в России». Остальные задачи с готовыми запросами в разделе «Что умеет Клод».

Начать работу с Клодом