Megan
Администратор
- Регистрация
- 20 Фев 2015
- Сообщения
- 168.403
- Реакции
- 345.913
Design-system in Claude Code [Тариф View] [Wannabe] [Миша Розов]
Чему ты научишься
Прототипировать интерфейсы вживую — не в фигме, а сразу в коде из своих компонентов.
Управлять дизайн-системой одним промптом и поддерживать её как живой продукт.
Установишь claude, git, next, vps.
Подключишь Figma к Claude — он будет собирать макеты более точно.
Подключишь Claude к Figma — он будет за тебя рисовать в фигме.
Перенесешь дизайн-систему из Figma в React.
Научишься собирать прототипы из дизайн-системы прямо в коде.
После 2 недель ты сможешь:
Собрать песочницу в своём Next-приложении и прототипировать лендинги и интерфейсы из своих компонентов.
Задеплоить прототип на свой выделенный сервер.
Попросить Клод переименовать токен, перестроить компонент или поменять масштаб — и увидеть, как изменения проходят по фигме, коду и документации.
Автоматически писать описания, правила использования и недостающие варианты прямо в фигме.
Получать еженедельный отчёт об изменениях, покрытии и доступности.
Свой claude.md как актив
В конце курса у тебя будет файл claude.md, в котором закодированы твои правила, твой стек, твоя эстетика. Это документ, который ты унесёшь с собой на следующий проект и в следующую компанию.
СКАЧАТЬ
Чему ты научишься
Прототипировать интерфейсы вживую — не в фигме, а сразу в коде из своих компонентов.
Управлять дизайн-системой одним промптом и поддерживать её как живой продукт.
Установишь claude, git, next, vps.
Подключишь Figma к Claude — он будет собирать макеты более точно.
Подключишь Claude к Figma — он будет за тебя рисовать в фигме.
Перенесешь дизайн-систему из Figma в React.
Научишься собирать прототипы из дизайн-системы прямо в коде.
После 2 недель ты сможешь:
Собрать песочницу в своём Next-приложении и прототипировать лендинги и интерфейсы из своих компонентов.
Задеплоить прототип на свой выделенный сервер.
Попросить Клод переименовать токен, перестроить компонент или поменять масштаб — и увидеть, как изменения проходят по фигме, коду и документации.
Автоматически писать описания, правила использования и недостающие варианты прямо в фигме.
Получать еженедельный отчёт об изменениях, покрытии и доступности.
Свой claude.md как актив
В конце курса у тебя будет файл claude.md, в котором закодированы твои правила, твой стек, твоя эстетика. Это документ, который ты унесёшь с собой на следующий проект и в следующую компанию.
СКАЧАТЬ
Для просмотра скрытого содержимого вы должны зарегистрироваться
Возможно, Вас ещё заинтересует:
- Репутация бизнеса в сети: как завоевать доверие клиентов [Альфа Курс] [Никита Прохоров]
- Лого-интенсив. Тема №4. Особенности логопедической работы с нетипичной парой фонем Л-Л’ [Татьяна Ткаченко]
- [Декор] Новый год - 2027 [Наталья Дроздова]
- UGC: как пользовательский контент меняет маркетинг [Альфа Курс] [Слушай, Ксюш]
- Правовое регулирование маркетплейсов и платформенной экономики в свете Закона № 289-ФЗ, иных новелл законодательства и судебной практики [М-Логос]
- 1С ERP. Производство и управление выпуском продукции (2026) [ЦСИО] [Ева Несговорова]