mtsdesign
Бренд МТСНаправленияДизайн-системаМетодологииГайдлайныКоманда и вакансииБлог
mtsdesign
Бренд МТСДизайн-системаМетодологииКоманда и вакансииБлог
НаправленияUX/UI продуктовый дизайнГрафический дизайнПромышленный дизайнИнтерьерный дизайн
behancetelegramvkyoutube
© 2025 ПАО «МТС»
Все права защищены
Политика обработка файлов cookie
18+

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

ВСЕ СТАТЬИПогружение в дизайн-систему

  • Что такое дизайн-система
  • Атомарный дизайн
  • Дизайнерам
  • Разработчикам Web
  • Разработчикам iOS
  • Разработчикам Android
  • Публичный UI Kit МТС GRANAT
  • Команда

Разработчикам Web

Дизайн-библиотеки в Figma

Доступно только пользователям с доступом к корпоративному пространству МТС в Figma

  • Базовые компоненты – цвета, тени, типографика, базовые модули, сетки и отступы.
  • Компоненты для веб-витрин и веб-приложений:
    • Granat 1.0: Молекулы и Организмы в одном файле.
    • Granat 2.0: Молекулы и Организмы в разных файлах.
    • Гайды по доступности компонентов.
  • Иконки – интерфейсные и продуктовые иконки.
  • Заглушки — 3D-иллюстрации и примеры экранов заглушек.
  • Компоненты экосистемных модулей.

Документация в коде

Ресурсы доступны в сети inside или c использованием MTS VPN

  • Репозиторий 
  • Storybook React
  • Как подключить библиотеки?
  • Как добавить компонент по Inner Source?
Перейти в следующий разделРазработчикам iOS

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

Разработка компонентов по стратегии Inner Source