Design-system in Claude Code [Тариф View] [Wannabe] [Миша Розов]
Чему ты научишься
- Прототипировать интерфейсы вживую — не в фигме, а сразу в коде из своих компонентов.
- Управлять дизайн-системой одним промптом и поддерживать её как живой продукт.
- Установишь claude, git, next, vps.
- Подключишь Figma к Claude — он будет собирать макеты более точно.
- Подключишь Claude к Figma — он будет за тебя рисовать в фигме.
- Перенесешь дизайн-систему из Figma в React.
- Научишься собирать прототипы из дизайн-системы прямо в коде.
После 2 недель ты сможешь:
- Собрать песочницу в своём Next-приложении и прототипировать лендинги и интерфейсы из своих компонентов.
- Задеплоить прототип на свой выделенный сервер.
- Попросить Клод переименовать токен, перестроить компонент или поменять масштаб — и увидеть, как изменения проходят по фигме, коду и документации.
- Автоматически писать описания, правила использования и недостающие варианты прямо в фигме.
- Получать еженедельный отчёт об изменениях, покрытии и доступности.
Свой claude.md как актив
В конце курса у тебя будет файл claude.md, в котором закодированы твои правила, твой стек, твоя эстетика. Это документ, который ты унесёшь с собой на следующий проект и в следующую компанию.