Реклама

Дизайн-система как инструкция для AI

#Дизайн-система #Builder #Miro #Читать
Дизайн-система как инструкция для AI

Дизайн-система передаёт AI решения команды через правила, примеры и проверки. На кейсах Builder и Miro разбираю, почему наличия документации ещё недостаточно и что помогает связать инструкцию с результатом. Читать далее

Элис Мур почти одобрила панель настроек уведомлений, которую собрал AI-агент. На скриншоте всё выглядело нормально. Проблемы обнаружились, когда она проверила саму реализацию. Агент взял модальное окно из устаревшей части библиотеки, задал цвет ошибки напрямую HEX-значением вместо предусмотренного для неё токена. Само окно некорректно работало при управлении с клавиатуры. (Источник: статья "How to Make AI Agents Follow Your Design System" для Builder).

В репозитории Элис оставались старые страницы, которым прежние компоненты были нужны. Более того, старых примеров было больше, чем новых. Мур связывает выбор агента с расхождением между актуальными рекомендациями и примерами, которые чаще встречались в коде. Аккуратный результат получился из решений, которые уже не подходили для новой работы.

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

Договорённости конкретной команды