История отечественных дизай-систем

Рост интереса к дизайн-системам на нашем рынке начался где-то с середины десятых. Точкой отсчета, наверное, можно считать выступление Антона Виноградова на PiterCSS с рассказом об архитектуре дизайн-системы Альфа-Банка в марте 2016. Хотя корни, конечно, стоит искать раньше.

В 2013 Бред Фрост презентует Atomic Design (книга будет опубликована в 2016) и впервые целостно описывает концепцию построения дизайн-системы. В это же время у дизайнеров набирает популярность Sketch как более быстрая, удобная и заточенная под интерфейсы альтернатива фотошопу. И в этот же году на конференции JSConf US Facebook раскрывает исходны код React, который популяризирует компонентный подход.

В 2014 выходит iOS 7 и приносит миру Flat Design, а заодно и идею того, что дизайн будущего — это интерфейсы без излишеств, а дизайнеры будущего — это инженеры, которые будут кодить, прототипировать и станут независимыми от разработчиков.

За Apple крупные компании одна за другой публикуют свои дизайн системы: Material design, UWP, IBM Design Language, Lightning, MailChimp, BBC GEL.

На волне успеха Sketch, React и концепции «дизайнер = инженер» рождается идея, что у графических редакторов нет будущего, что это артефакт, и единым источником правды будут компоненты в коде. После чего случается бум инструментов, которые пытаются совместить в себе и визуальный дизайн, и программирование. Самые известные из них — Framer и Origami.

С этого момента в дайджесте у Юры Ветрова появляется раздел «Визуальное программирование» со всеми новостями по теме и подразделом «Живые гайдлайны и компонентные системы», который после выступления Антона Виноградова из Альфа-Банка переедет в раздел «Гайдлайны платформ и компаний». А спустя год, в апреле 2017, «Гайдлайны платформ и компаний» переименуются в «Дизайн-системы и гайдлайны». И первым делом сообщит нам о том, что Антон Шейн из Яндекса записал скринкасты по использованию Depo, среду прототипирования для дизайнеров на базе БЭМ.

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

(По крайней мере, так было в Авито. Когда еще не существовало кросс-функциональных команд, аджайла, стендапов, синков и некому было проводить A/B тесты. Всё делалось вслепую, а хотелось по-серьезному.)

В это время происходит бум отечественных дизайн-систем, и уже наши крупные компании одна за другой начинают демонстрировать свои достижения: Дизайн система России, Парадигм, Дизайн-система Rambler & Co, Дизайн-система МегаФона, БЭМ Дизайн, Дизайн Альфа-Банка, Дизайн-система Студии Олега Чулакова, Барс Груп, VKUI Styleguide

Параллельно с этим появляется сайт-агрегатор отечественных дизайн-систем DESIGN SYSTEMS CLUB и на всех конференциях и митапах только и говорят, что о дизайн-системах и о их проблематике. Продолжается это вплоть до 2019 года. А потом все затихает.

↑

Если где-то соврал или есть, что добавить – напишите, пожалуйста: @plashch