Погружение в дизайн-систему

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

Дизайн-система GRANAT — набор правил и инструментов для визуального и технического исполнения сервисов экосистемы МТС. Она отражает философию продуктов и унифицирует их стиль.

Дизайн-система нужна, чтобы:

  • У всех продуктов экосистемы был единый стиль.
  • Можно было быстро собрать интерфейс из готовых решений.
  • Пользователю было привычно работать в интерфейсах по похожим паттернам.

И самое важное — она построена в соответствии с атомарным подходом в дизайне.

 

Figma

Компоненты дизайн-системы живут и используются в Figma — графическом редакторе векторный графики, который создан для командного взаимодействия при проектировании пользовательского опыта и интерфейсов. 

Ознакомьтесь с частыми вопросами и ответами в Figma FAQ.

 

Библиотеки дизайн-системы

 

Стратегия InnerSource

Если компонент не разработан в коде, предлагаем сделать это по стратегии InnerSource

 

Поддержка

Ознакомиться со статьей.