ТЕХНОЛИДЕР

Центр инновационных ИТ-решений и образовательных технологий
СГТУ ИнПИТ

*Участник федерального проекта "Кадры для цифровой трансформации" национального проекта "Экономика данных и цифровая трансформация"

Вместо ста кнопок — одна библиотека: как дизайн-системы экономят разработку

22 мая 2026
Вместо ста кнопок — одна библиотека: как дизайн-системы экономят разработку
22 мая директор ИнПИТ, доцент Центра «ТехноЛидер» Кумова С.В. провела для первокурсников воркшоп «Дизайн-системы и компоненты: как ускорить разработку». К этому моменту ребята уже пробовали рисовать экраны в Figma и разбирали принципы мобильных интерфейсов. Пришло время понять, как в реальных проектах дизайн перестаёт быть творчеством одного человека и превращается в инженерную дисциплину.

Студенты быстро сошлись во мнении: когда нужно сделать одно приложение с пятью экранами, можно всё нарисовать вручную. Но если экранов пятьдесят, а разработчиков — команда, ручной режим убивает и время, и нервы. Светлана Валентиновна показала, как работают дизайн-системы: единая библиотека компонентов, где кнопка существует в одном экземпляре, а используется в сотне мест. Поменял цвет в библиотеке — обновилось везде. Добавил новый стиль для заголовков — не надо перерисовывать каждый экран.

Ребята на практике собрали небольшой набор компонентов: кнопки, карточки, поля ввода. Оказалось, что это похоже на программирование с функциями и классами — только визуальное. Главный результат воркшопа — ребята увидели, как на стыке дизайна и разработки рождаются процессы, которые экономят тысячи часов.

Студенты получили важную прививку от хаоса: теперь они знают, что порядок в интерфейсах начинается не с магии, а с правильной организации компонентов. А это именно то, что отличает любительский проект от промышленной разработки.

Впереди у ребят собственные проекты, где можно применить всё — и компоненты, и переиспользование, и бережное отношение к чужому времени.