Токены в дизайн-системахИнструменты
Директор по дизайну Mail.ru Group. Руководит несколькими дизайн-командами, которые отвечают за 25 продуктов — Главная страница, Почта, Облако, Календарь, Ответы, 14 медиа-проектов, Поиск и браузер, а также общепортальные правила и часть My.com. Ведет блог о дизайн-менеджменте, делает дайджесты, со-организую московский Dribbble Meetup и UX-Среду, читает лекции в Британке, курирует курс Future London Academy в Лондоне, публикуется на Smashing Magazine, UXmatters и UX Collective.
Я расскажу про один из самых простых способов реализации дизайн-системы в коде — токены. Это набор базовых переменных визуального языка (цвета, шрифты, отступы и т.п.), который передаётся в любой компонентный фреймворк. Это позволяет проще управлять визуальным стилем продуктов и дешевле внедрять на практике.