UX Collective: Агентный AI, дизайн-системы и Figma: практическое руководство

Кристин Вальяур, UI-дизайнер и основатель учебной платформы moonlearning.io, начинает с конкретной сцены: живого демо с участием Брэда Фроста и Доминика Нгуена, посвящённого агентным дизайн-системам. AI-агент получил единственную инструкцию — «Добавь компонент отзывов покупателей» — без существующего компонента в файле, без фрейма в Figma, без спецификации. Агент нашёл компоненты Star, Typography и Avatar, понял их свойства и состояния, собрал новый компонент и написал код и тесты. Всё это заняло меньше времени, чем написание задачи в Jira.

Вальяур использует этот момент не для того, чтобы утверждать, что AI заменяет дизайнеров, а чтобы задать более острый вопрос: что меняется на практике, когда машины могут читать дизайн-системы и действовать на их основе?

Её ответ: фокус смещается с полноценных макетов страниц к строительным блокам. В агентном рабочем процессе наиболее важными артефактами становятся компоненты, токены и состояния, а не отполированный макет, который просматривают один раз на встрече по передаче задач. Там, где дизайнеры раньше передавали намерение через файлы-презентации, теперь им нужно передавать его через структуру: правильно именованные компоненты, точные токены, задокументированные состояния.

Статья проводит различие между читаемым для человека и читаемым для машины дизайном. Слабо организованный файл Figma может пройти через человеческую передачу задач, потому что разработчики могут выводить намерение из контекста. AI-агент читает именно то, что есть, — без вывода, без благожелательной интерпретации. Вальяур описывает это как сдвиг ответственности. Основы дизайн-системы в Figma — это больше не просто документация для разработчиков; теперь это инструкции для машин, и их точность имеет значение.

Она также называет более скрытый риск. Тяга к сборке — быстрой генерации интерфейсов из существующих компонентов — может постепенно вытеснить условия, которые делают эту сборку значимой. Демо в Storybook показало не то, что AI занимается дизайном: оно показало, что AI использует то, что дизайнеры уже создали. Качество того, что произвёл агент, целиком зависело от качества дизайн-системы, из которой он исходил. Это возлагает большую, а не меньшую ответственность на базовые решения дизайнеров: какие компоненты создавать, как их токенизировать, какие состояния документировать.

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

Статья адресована дизайнерам, работающим с Figma, которые хотят понять, что конкретно меняется в их повседневной работе по мере того, как AI-агенты становятся частью pipeline дизайна.