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