Разработка информационной системы управления жизненным циклом дизайн-токенов Печать
Автор: Лазебная Е.А., Присухин Б.Р.   
18.05.2026 10:35

РАЗРАБОТКА ИНФОРМАЦИОННОЙ СИСТЕМЫ УПРАВЛЕНИЯ ЖИЗНЕННЫМ ЦИКЛОМ ДИЗАЙН-ТОКЕНОВ

 

Лазебная Е.А., старший преподаватель,

Присухин Б.Р., студент,

БГТУ им. В.Г. Шухова, г. Белгород, Россия

 

Аннотация: В статье рассматривается разработка веб-ориентированной информационной системы для управления жизненным циклом дизайн-токенов. Описана клиент-серверная архитектура системы, включающая плагин для Figma на TypeScript, серверную часть на Node.js/Express с REST API и клиентское веб-приложение на React. Представлены алгоритмы синхронизации дизайн-токенов в рамках единой транзакции базы данных с фиксацией истории изменений и мягким удалением, а также алгоритм создания неизменяемых JSON-снапшотов версий коллекций. Описаны основные интерфейсы системы: страница управления токенами с древовидной навигацией и селектором версий, страница истории изменений с фильтрацией по дате и страница авторизации с JWT-аутентификацией.

Ключевые слова: дизайн-токены, Figma, автоматизация, клиент-серверная архитектура, Node.JS, React, версионирование, история изменений.

 

С ростом сложности цифровых продуктов компании столкнулись с проблемой масштабирования визуальных языков. Первыми системный подход к этой проблеме предложили в Salesforce, внедрив концепцию «дизайн-токенов» как абстрактного слоя между визуальным исполнением и его реализацией в коде. В 2018 году крупнейшие игроки индустрии совместно с сообществом W3C [1] инициировали работу над стандартизацией форматов обмена дизайн-токенами, а в 2022 году Figma внедрила функциональность Variables, позволяющую создавать токены непосредственно внутри макетов. Однако их жизненный цикл — от создания в дизайнерских инструментах до использования в кодовой базе — часто не автоматизирован, что приводит к ручному, подверженному ошибкам переносу данных, рассогласованию интерфейсов и замедлению разработки.

Целью работы является автоматизация и централизация полного цикла работы с дизайн-токенами для обеспечения единого источника истины, контроля версий и интеграции в процессы разработки.

...

полный текст во вложении