Дизайн-система становится инструкцией не только для людей, но и для ИИ

Компания Decagon связала библиотеку компонентов в Figma с кодом и ИИ-агентами, сократив привычную дистанцию между макетом и разработкой.

Что произошло

Decagon создала дизайн-систему из сотен компонентов, стилей и переменных, а затем связала её через Figma MCP с компонентами в Storybook и инструментами разработки. Теперь ИИ-агент может читать структуру макета и использовать соответствующие компоненты системы при создании интерфейса.

Что изменилось

Дизайн-система начинает работать не только как библиотека для дизайнеров и разработчиков, но и как набор правил для ИИ.

Чем точнее описаны компоненты, состояния и ограничения, тем меньше агент вынужден додумывать самостоятельно. Макет постепенно превращается из картинки для передачи разработчику в машиночитаемую спецификацию продукта.

Последствие

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

Хорошо организованная дизайн-система ускоряет работу ИИ. Плохо организованная — позволяет ему быстрее размножать ошибки и несогласованность.

Источник: кейс Figma и Decagon
Дата: 10 июля 2026 года