Дизайн-система для команды из трёх человек

Дизайн-система не начинается с библиотеки компонентов. Она начинается с повторяющихся решений, которые команда принимает каждый день. Если решений немного, большая система не нужна — нужен короткий набор договорённостей.

Начните с токенов, а не с кнопок

Цвета, отступы, радиусы и типографические размеры — это фундамент. Когда они описаны в одном месте, новые компоненты собираются быстрее и выглядят согласованно. Не обязательно делать сложный инструмент: достаточно таблицы с именами и значениями.

Компонент появляется после третьего повторения

Если элемент встречается один раз, это просто элемент. Если два — возможно, совпадение. После третьего повторения стоит задуматься о компоненте. Так система растёт из реальных задач, а не из предполагаемых сценариев.

Документируйте решения, а не только внешний вид

Компонент без контекста быстро обрастает исключениями. Короткое описание — зачем он нужен, когда его использовать и чего избегать — экономит больше времени, чем ещё один вариант кнопки.

Хорошая система не мешает делать исключения. Она делает их осознанными.

Оставьте место для исключений

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

Поддерживайте систему вместе с продуктом

Система — не отдельный проект, который заканчивается вместе с релизом. Она меняется вместе с продуктом. Достаточно выделять немного времени на разбор новых паттернов и удаление устаревших. Это скучнее, чем запуск, но именно так система остаётся живой.