Еще раз о дизайн-системах
Недавно у нас вышел кейс о работе над дизайн-системой для холдинга «Финам». Сегодня решили рассказать подробнее, что это такое и когда она может быть полезна.
Из чего состоит дизайн-система?
Дизайнеры создают UI Kit (набор готовых дизайн-решений) → Разработчики переводят UI Kit в код → Код помещают в репозитории
UI Kit и репозиторий связаны с помощью токенов. Это единицы информации, которые хранят в себе константы: например цвет, радиус скругления кнопки, параметры шрифта и т. д. Если поменять значение токена в Фигме, оно попадает в репозиторий и затем автоматически синхронизируется с сайтом.
Когда и кому нужна дизайн-система
На краткосрочных проектах, где нужно быстро проверить гипотезы и не требуется больших затрат на поддержку.
На длинных проектах, где нужно часто проверять гипотезы и делать много однотипных решений.
Если нужна системность и предсказуемость в разработке продукта, вы хотите делать последовательные улучшения и планомерно развивать продукт.
У вас несколько команд, которые работают над одним продуктом, и им нужно поддерживать консистентность.
Однако есть и ложка дегтя
Дизайн-система может привести к шаблонности продукта: страницы начинают выглядеть слишком однотипно, а сделать какую-то необычную фичу становится трудно.
Внедрять дизайн-систему сложно и дорого, особенно на начальном этапе. Да, расходы на дизайн снижаются. Зато появляется работа на поддержание и развитие самой дизайн-системы в отделе разработки.
P. S. Го к нам в канал о дизайне :)