Как сделать дизайн-систему

Компактный и прикладной авторский курс по проектированию дизайн-систем.

автор михаил шамин

Принципы
Вырезка из главы «Принципы»

В нем нет базовых вещей: он не научит вас проектировать компоненты, правильно ставить тени, думать о состояниях, создавать сетки и настраивать цвета. Все это мы пропустим и будем считать, что в этом вы разбираетесь или разберетесь самостоятельно.

Мы поговорим о том, что вокруг, о закулисье дизайн-систем, какая работа скрывается за красивыми кнопочками, тенюшками, иконками и всем остальным, что мы получаем в виде конечного результата.

Принципы
Бэклог дизайн-системы ВК из главы «Регламент движения задач»

У автора есть любимая цитата:

Проектирование — итеративный процесс, и необходимое количество итераций всегда на одну больше, чем уже сделано. Это верно в любой момент времени.

Дейв Акина, инженер, профессор, директор лаборатории космических систем центра робототехники Мэрилэнда

Развитие дизайн-системы это бесконечный процесс, поэтому курс, это не что-то конечное, это просто способ объяснить устройство дизайн-систем, а поняв суть вы сможете продолжить развивать проект самостоятельно.

Мы заложим фундамент из принципов, настроим окружение, сформулируем первые задачи в бэклоге, попробуем ими управлять. Научимся ставить и принимать задачи, управлять командой, будем вайб-кодить, начнем использовать Github, Cursor, Docusaurus. Перелинкуем Storybook, Figma и бэклог. Узнаем про существование библиотек pre-commit, lint-staged. Научимся контролировать входящие изменения.

Линтинг документации из главы «Автоматизация»

И если следовать советам и здравому смыслу, то в итоге вы создадите прекрасную дизайн-систему, инженерное произведение, которое приносит пользу компании, вызывает гордость у создателей и помогает пользователям решать свои задачи.

Содержание

Введение

Принципы

Бэклог

Работа с бэклогом

Команда

Экономическое обоснование

Регламент движения задач

Хранение текстовой документации

Контроль за внесением изменений

Версионирование

Хранение компонентов

Витрины компонентов и хранение фронтовой документации

Идеология инструментов

Бэкапы

Автоматизация

Фичреквесты и кастдев

Метрики

В заключении

Зачем это мне

Опыт работы с дизайн-системой требуется в каждой первой вакансии дизайнера любого уровня. Кроме того, глубокое понимание устройства и принципов создания дизайн-систем увеличит вашу рыночную стоимость и ценность, как профессионала отрасли. Этот курс безусловно поможет вам сдвинуться с места, если вы задумали создать дизайн-систему.

Сколько стоит

Бесплатно.

А сертификат

Сертификат не выдается.

Остались вопросы

Хотите оставить отзыв, задать вопрос или посотрудничать? Пишите на почту shamin.michael@gmail.com

Пройти курс