Об опыте разработки дизайн-системы вместе со спикерами из Райффайзенбанка, Альфа-Банка, Яндекса и IVI: как построена стилизация компонентов, с какими трудностями можно столкнуться в процессе, где ждать баги и как к ним подготовиться.

О чем поговорили

Темизация styled-компонентов в дизайн-системе

Валентин Каверин, разработчик дизайн-системы Райффайзенбанка

ПРЕЗЕНТАЦИЯ

Рассказал про то, как построена стилизация компонентов дизайн-системы в Райффайзенбанке, и как мы решаем проблему изменения внешнего вида компонентов в условиях использования подхода css-in-js и библиотеки styled-components.

Дизайн-система IVI. Мы можем все, давайте обсуждать

Евгений Дмитриев, разработчик дизайн-системы в IVI

ПРЕЗЕНТАЦИЯ

Особенности дизайн-системы IVI, ее взаимодействие с дизайнерами и платформами. Философия дизайн-системы. Трудности, и как мы их преодолеваем. Планы развития нашей дизайн-системы.

Экосистема дизайн-систем

Надя Наширбанова, дизайнер общей библиотеки Яндекса

ПРЕЗЕНТАЦИЯ

Сейчас примерно все делают что-то, что называют дизайн-системой. Я хочу поделиться опытом по созданию экосистемы дизайн-систем. Яндекс — это десяток совершенно разных компаний внутри со своим дизайн-кодом. Как при таком многообразии сохранить и консистентность, и самобытность? Поговорили о подходе, инструментах и пользе.

Каталог чар и заклинаний для библиотеки веб-компонентов

Владислав Юшев, дизайнер библиотеки компонентов в Альфа-Банке

ПРЕЗЕНТАЦИЯ

Преза про проблемы и решения. Где ждать баги, как быть к ним готовым. Личный опыт борьбы с косяками. Темы:

  • Фигма так не умеет. Глюки и ограничения.

  • Понаехали. Дизайнеры из других команд, новички и гости.

  • В «Файрфоксе» это не работает. Баги и костыли технологий и браузеров.

  • Пентиум взорвется. Плохие мониторы и слабые процессоры у реальных клиентов.

  • Фронт так не поймет. Советы, как объяснять компоненты разработчикам.