Я заменил Figma на Claude Design на 24 часа | Сайт за $1000

⚡️Научу собирать мультиагентные AI-системы за 8 недель: https://www.nickvels-ai.ru/?utm_source=youtube&utm_medium=claude_design 👉 Все обещанные промпты, референсы и полезные материалы из ролика в ЗАКРЕПЕ моего Telegram-канала: https://telegram.me/+PqOUeT8N8NkzZDgx Claude Design — новый инструмент от Anthropic, который может заменить Figma и Canva. В этом видео я показываю, как с его помощью собрать полноценный сайт за 18 минут: без ручного кода, без кликов в Figma и с готовой дизайн-системой, которую потом можно передать в Claude Code. Я больше недели гонял Claude Design на реальных задачах и в ролике показываю не рекламную демку, а практический процесс: как создать дизайн-систему, загрузить референсы, собрать лендинг для SaaS-проекта, доработать его через промпты, экспортировать в ZIP, открыть в VS Code и довести до живого сайта через Claude Code. Разберём, что Claude Design реально умеет, где он экономит часы работы, как использовать Figma-файлы, UI Kits, GitHub, PRD и референсы, а также где у него есть жёсткие ограничения. Если ты делаешь сайты, прототипы, презентации, интерфейсы или хочешь продавать такие пакеты клиентам — смотри до конца. ТАЙМКОДЫ: 00:00 - Сайт за 18 минут без кода и Figma 01:04 - Что такое Claude Design и где он находится 01:29 - Возможности: сайты, лендинги, приложения, презентации, экспорт 01:46 - Зачем Claude Design, если были артефакты 02:04 - Дизайн-система: бренд, цвета, шрифты и tone of voice 03:04 - Регистрация, тарифы и важный момент про токены 03:29 - Интерфейс Claude Design: проекты, шаблоны, материалы 04:28 - Как создать свою дизайн-систему 05:01 - Какие материалы можно загрузить: GitHub, документы, Figma 06:15 - Что делать, если своих материалов нет 07:00 - Где брать UI Kits и дизайн-ресурсы 08:00 - Awesome Design и готовые дизайн-системы компаний 08:58 - Как попасть в программу AI.Цех 09:58 - Загрузка Figma-файла и экономия токенов 11:59 - Как использовать сайт-референс через скриншот 13:30 - Загрузка референса в Claude Design 14:09 - Подготовка PRD и спецификации сайта 15:28 - Генерация дизайн-системы под SaaS-проект 16:05 - Утверждение дизайн-системы и правки 18:34 - Первый лендинг: что получилось и что надо улучшить 19:00 - Процесс PRD → Claude Design → Claude Code → деплой 19:30 - Доработка лендинга через промпты 21:00 - Просмотр первой версии сайта 22:00 - Улучшенная версия и разбор визуальных правок 24:01 - Где лучше дорабатывать: Claude Design или Claude Code 25:24 - Экспорт дизайн-системы в Claude Code 26:04 - Ручное редактирование элементов во вкладке Edit 27:00 - Как отправлять конкретные элементы в чат Claude 27:52 - Draw Mode: правки через скетч 28:59 - Экспорт проекта: шаблон, PDF, ZIP 30:00 - Скачиваем ZIP и открываем проект в VS Code 31:28 - Что лежит внутри проекта и дизайн-системы 31:47 - Skill.md: как перенести дизайн-систему в Claude Code 33:00 - API-ключи и генерация изображений 33:30 - Как Claude Code доводит сайт до финальной версии 34:00 - Переключение вариантов дизайна и визуальные твики 35:30 - Готовый задеплоенный сайт 35:48 - Где забрать промпты, референсы и материалы ⚡️ Подписывайтесь на канал и жмите колокольчик, чтобы не пропустить новые практические видео по AI-автоматизациям, Claude Code и вайб-кодингу! #ClaudeDesign #ClaudeCode #ClaudeAI #Anthropic #Figma #Canva #ВайбКодинг #AIAgents #AIагенты #Нейросети #ИИвбизнесе #Автоматизация #NoCode #SaaS #НикитаВелс