Принц
Администратор
- Регистрация
- 16 Дек 2016
- Сообщения
- 186.752
- Реакции
- 465.822
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, в котором закодированы твои правила, твой стек, твоя эстетика. Это документ, который ты унесёшь с собой на следующий проект и в следующую компанию.
СКАЧАТЬ
Для просмотра скрытого содержимого вы должны зарегистрироваться
Возможно, Вас ещё заинтересует:
- Исполнительный сбой. Adult ADHD: доказательное руководство по взрослому СДВГ, диагностике, фокусу и самоменеджменту [Антон Абрамов]
- Леди Jet Set [Нескучный марафон] [Пакет Эконом] [Artclass] [Михаил Мишинский]
- Найди профессию за час [Анна Забродская]
- Эмоции на работе: инструкция по применению [Анна Забродская]
- Воркшоп "Как учить английский с ChatGPT" [alliengll]
- Быстрые цифровые продукты. От гайдов до чек-листов [Дмитрий Волков]