POPEL | Про дизайн-систему CASESІдея створення власної дизайн-системи у нас іс...

Про дизайн-систему CASESІдея створення власної дизайн-системи у нас існувала давно. Це було суто утилітарне питання. В нашій платформі є кілька сотень екранів з купою різних станів, спадних елементів та панелей. Ми створюємо продукт вже понад пʼять років, і в команді за цей час працювало багато різних дизайнерів.Якщо ми хочемо, щоб система мала цілісний вигляд, дизайн-система — це необхідність.Але створення дизайн-системи живого продукту, який вже діє, і, — як я писав вище, — має сотні екранів з різними станами, доволі складно. В нас вже існує купа правил, дизайн-прийомів, інтерфейсних принципів. І вони не всюди гармонізовані. Є місця в системі, що робились пʼять років тому, і там одні принципи, а в тих, що робились три роки назад — дещо інші.Тож ми вирішили рухатись так: не триматись надто міцно за старе, і робити нову систему, першою чергою в нових розділах. А вже згодом — гармонізувати старі. В ідеальному світі ми мали б окремий процес тут. Окрему команду, що працює з дизайн-системою. Але ми працюємо в тих умовах, які маємо. І тому дизайн-систему створює та ж команда, що робить продукт. Це з іншого боку й перевага. Ми одразу тестуємо ідеї на практиці. Одразу впроваджуємо їх в життя.Це робиться в тісному контакті дизайну та розробки. І це дуже цінно.Цікаво, що одним з перших надбань дизайн-системи стало середовище, де ми її описуємо. Виходить така собі енциклопедія продукту.Зараз ми збираємо туди всі випадки застосування компоненту, оптимізуємо їх під єдиний принцип, та фіксуємо.Останні штуки, з якими працювали: шухляди (це всі панелі, що виїздять), загальний простір інтерфейсу та темна тема.