Elliot
Администратор
- Регистрация
- 2 Дек 2014
- Сообщения
- 176.699
- Реакции
- 200.053
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, в котором закодированы твои правила, твой стек, твоя эстетика. Это документ, который ты унесёшь с собой на следующий проект и в следующую компанию.
СКАЧАТЬ
Что бы скачивать сливы курсов и складчины вы должны зарегистрироваться
Возможно, Вас ещё заинтересует:
- [Вязание] Мужской свитер интересной конструкции Notebook Mono Sweater Man, вязаный спицами сверху [Вяжи.ру] [Odd Row]
- Автономный дом 2026. Инженерка, которая окупается [Дмитрий Рожков]
- [Вязание] Топ Бриллиант (погон, пайетки) [Avgustina_knit] [Юлия Шкляр]
- AI для кофейников. От нейросети до агентов [Роман Попов]
- Электронный документооборот для грузоперевозок: обзор практики и актуальных изменений [Стажкова Мария]
- Go getter 2. Unit Hello [English box] [Инесса Черникова]