раздел 02
Как пользоваться
Двухпанельный интерфейс
- Слева - чат. Общие инструкции, переструктурирование, ссылки на документы и репозитории.
- Справа - живой холст. Здесь результат, и его можно править прямо на месте: текст по клику, комментарии при наведении, слайдеры.
Слайдеры правок
Вместо того чтобы описывать словами, часть параметров крутят ползунками: отступы (spacing/padding), насыщенность цвета, плотность сетки. Удобно подгонять «на глаз».
Рабочий цикл
1
Создать проект и дать контекст
Опишите задачу, приложите материалы бренда (логотип, цвета, примеры) или подключите репозиторий с дизайн-системой.
2
Описать, что нужно
Промптом в чат: что за страница/экран, для кого, какой посыл. Claude может задать уточняющие вопросы.
3
Посмотреть первый вариант
На холсте появляется готовый драфт - сразу видно и можно потрогать.
4
Итерировать
Правки через чат, комментарии на элементах, прямое редактирование и слайдеры. Повторяйте, пока не устроит.
5
Экспортировать или передать дальше
Скачать в нужном формате, поделиться ссылкой, отправить в Canva или сделать handoff в Claude Code.
Что можно подать на вход
- естественный язык (чат);
- файлы - изображения,
DOCX,PPTX,XLSX,PDF; - подключённые репозитории GitHub или GitLab (как источник дизайн-системы и контекста);
- существующие дизайн-файлы как референс.