Дизайн с Claude: от идеи до дизайн-системы · Урок 1
Что умеет Claude в дизайне
Обзор реальных возможностей Claude для дизайн-работ: генерация макетов, описание компонентов, критика существующего дизайна, создание дизайн-систем. Что Claude делает хорошо, а где он ограничен.
Практическое задание
Что сделать после урока
Возьмите любой сайт или приложение, которым пользуетесь. Сделайте скриншот или опишите его текстом. Попросите Claude: (1) описать текущую дизайн-систему (цвета, шрифты, spacing), (2) найти 3 UX-проблемы, (3) предложить конкретные правки. Сравните с тем, что вы думали сами.
Проверка задания
Возьмите любой сайт или приложение, которым пользуетесь. Сделайте скриншот или опишите его текстом. Попросите Claude: (1) описать текущую дизайн-систему (цвета, шрифты, spacing), (2) найти 3 UX-проблемы, (3) предложить конкретные правки. Сравните с тем, что вы думали сами.
Готовый промпт
Шаблон под задачу урока
Скопируйте и адаптируйте под свой контекст. Текст в треугольных скобках — то, что нужно заменить.
Я хочу проанализировать интерфейс. Интерфейс: <вставьте скриншот или опишите страницу текстом> Контекст: <тип продукта, целевая аудитория> Проанализируй по следующим критериям: 1. Визуальная иерархия — что привлекает внимание первым, вторым, третьим 2. Цветовая система — сколько цветов, есть ли противоречия, достаточен ли контраст (WCAG AA) 3. Типографика — шрифты, размеры, читаемость 4. Spacing и alignment — есть ли единая система отступов 5. 3 конкретных правки с обоснованием Не нужно общих слов — только конкретные наблюдения и предложения.