Что такое дизайн-система
Дизайн-система GRANAT — набор правил и инструментов для визуального и технического исполнения сервисов экосистемы МТС. Она отражает философию продуктов и унифицирует их стиль.
Дизайн-система нужна, чтобы:
- У всех продуктов экосистемы был единый стиль.
- Можно было быстро собрать интерфейс из готовых решений.
- Пользователю было привычно работать в интерфейсах по похожим паттернам.
И самое важное — она построена в соответствии с атомарным подходом в дизайне.
Figma
Компоненты дизайн-системы живут и используются в Figma — графическом редакторе векторный графики, который создан для командного взаимодействия при проектировании пользовательского опыта и интерфейсов.
Ознакомьтесь с частыми вопросами и ответами в Figma FAQ.
Библиотеки дизайн-системы
Стратегия InnerSource
Если компонент не разработан в коде, предлагаем сделать это по стратегии InnerSource.