Дизайнеры Cloud.ru создали отдельную библиотеку компонентов для ИИ-интерфейсов, чтобы ускорить разработку функций для 130 облачных сервисов. Решение было принято из-за нехватки специализированных элементов в основной дизайн-системе Snack UI Kit и длительных сроков согласования изменений в ней.
Команда из трех человек самостоятельно управляет процессом: от исследования сценариев и проектирования в Figma до реализации кода. Они определяют приоритеты, ведут бэклог и взаимодействуют с фронтенд-разработчиками. Такой подход позволяет не зависеть от очереди задач основной команды дизайн-системы.
Для работы над компонентами дизайнеры используют ИИ-агентов, подключенных к Figma через MCP и к репозиторию в GitLab. Агенты помогают составлять спецификации, писать код и проверять соответствие реализации макетам. При этом библиотека сохраняет преемственность, используя токены и гайдлайны Snack UI Kit.
Финальная проверка компонентов проходит в локальном Storybook, где дизайнеры тестируют поведение элементов и исправляют ошибки перед отправкой кода на ревью фронтендерам. Это позволяет оперативно дорабатывать сложные интерфейсные решения, такие как поля ввода или списки команд, сохраняя общие стандарты оформления.
