Base Design Language System
Собрал свою первую дизайн-систему за 14 лет в дизайне.

Я всегда был пользователем чужих систем: брал готовые, кастомизировал, добавлял компоненты, накатывал редизайны. Никогда не собирал с нуля.

Дизайн Бейслайфа я логично начал в одном файле. Сначала собирал там референсы, потом черновые прототипы, компоненты, экраны в разработку. За полгода файл вырос неимоверно. Я открывал его, и несколько минут не мог сообразить чем я хотел заняться в первую очередь. Хаос пожирал фокус.

Раньше я бы откладывал наведение порядка пока не станет совсем больно. Но с Клодом стало интересно разгрести завалы и пересобрать дизайн-систему заново в этот раз по-взрослому со всеми бест-практисами. Использовал Фигма МСП плюс доточил под себя официальный скилл работы с ДС.

Разбирал компоненты по одному, под чутким надзором Клода приводил их к стандартам индустрии. Сначала получалось посредственно. Компоненты с примитивами он связывал через раз, будто по настроению. Слои раскладывал в произвольном порядке. Шаблоны оформления ломал, хотя я явно просил использовать их без изменений. Каждый шаг приходилось перепроверять глазами. Под конец наловчился нормально передавать всю рутину.

За пару недель не самой сфокусированной работы получилось:
· 126 токенов, 81 примитив и 45 семантических
· 14 текстовых стилей
· 41 иконка
· 18 семейств, 79 компонентов и 109 вэриентов.

В дополнение у каждого компонента есть спецификация в Обсидиане. Кофаундер постепенно переносит всё в код на Сторибук.

Всё перелинковано и наследуется. Главное, я знаю, как система устроена и как её развивать.

Эйфорию от создания дизайн-системы важно разбавить трезвым взглядом. Это ровно мой паттерн продуктивной прокрастинации, когда я строю системы вокруг работы (по аналогии с хранилищем знаний), вместо того чтобы быстро проверять гипотезы на коленке. Но это уже прогресс, я хотя бы научился замечать и называть это поведение.

⚹ @initsrightplace #baselife