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

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

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

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

Дизайнерам

Если вы новичок — пройдите курс «Погружение в команду дизайна МТС» в Корпоративном университете, чтобы узнать, как устроен дизайн и дизайн-процесс в компании.

1. Вступите в команду «Дизайн-система» в Figma подключения библиотек в свои файлы.

2. Ознакомьтесь с библиотеками и гайдлайнами в Figma. 

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

3. Ознакомьтесь с гайдлайнами на сайте.

4. Ознакомьтесь со статьей по поддержке.

5. Смело проектируйте новый пользовательский опыт и интерфейсы вашего продукта.

Перейти в следующий разделРазработчикам Web

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

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