Claude Design 2.0 — веб-дизайн НА МАКСИМАЛКАХ (полный рабочий процесс)

▎ССЫЛКИ И РЕСУРСЫ Используя некоторые из ссылок ниже, я могу получить небольшую комиссию без дополнительных затрат с вашей стороны. Это самый простой способ поддержать меня и помочь мне продолжать создавать подобный контент для вас. Спасибо! Создайте свое портфолио за дни, а не месяцы: Изучите мой шаблон Framer Lofi: https://go.temploton.com/lofi-claude-... Начните работу с Framer: https://framer.link/devantaebison Получите подсказки, использованные в этом видео: https://go.temploton.com/claude-desig... ▎ОБЗОР ВИДЕО Узнайте, как использовать Claude Design 2.0 для создания веб-сайта-портфолио уровня Awwwards, используя обновление, которое добавляет прямое редактирование холста, элементы управления макетом и типографикой, а также двустороннюю передачу в Claude Code. Это полный рабочий процесс от начала до конца, от сбора референсов до рабочего URL-адреса. В этом видео я подробно описываю рабочий процесс: сбор дизайнерских референсов с Mobbin, Awwwards и Savee и их аннотирование в Figma, чтобы Клод работал в режиме подсказки, а не гадал, использование именно той подсказки, которую я применяю, редактирование первой итерации непосредственно на холсте вместо повторной подсказки и ожидания полной перегенерации, добавление эффекта следа курсора в виде изображения в раздел «Герой», перестройка раздела «Работа» в пользовательскую асимметричную сетку из вставленного макета, добавление эффекта «жидкой прокрутки» с помощью Three.js, затем экспорт в Claude Code, фиксация изменений в репозитории GitHub и развертывание на Vercel для получения общедоступной ссылки. ▎РАЗДЕЛЫ 0:00: Введение 0:11: Что мы создаём 0:28: Сбор референсов 0:28: Подсказка 1:28: Практическая работа с Claude Design 4:52: Запуск в работу 6:14: Итоги