Синхронизация с реальной дизайн-системой и поддерживаемость UI✦
Проблема: красивый макет ≠ поддерживаемый UI✦
Большинство AI-инструментов для UI ломаются в момент передачи результата команде: компоненты не связаны между собой, вёрстка не совпадает с дизайн-системой, и половину экранов приходится пересобирать вручную в Figma. Наш опыт (разбор рабочего процесса на реальном PRD) показал, что это и есть главная боль инструментов вроде Claude Design или Google Stitch — они дают быстрый мокап, который сообщество уже называет «AI slop»: годится для скриншота, но не для продукта.
Как это решает Nodey (UX Pilot): функция «use components»✦
Nodey — это AI-агент, работающий прямо внутри Figma, а не в отдельном браузерном приложении, поэтому весь процесс остаётся в привычной команде среде. Ключевой шаг — кнопка «use components» (в документации это называется Simple Sync): по клику агент читает реальную структуру UI-кита компании — кнопки, поля форм, карточки, навигацию, типографику — и подключает эти компоненты к своей генерации. После синхронизации каждая последующая генерация переиспользует ваши настоящие компоненты, а не галлюцинирует случайный UI с нуля.
Связанные инстансы, а не копии✦
Самое важное происходит в панели слоёв: сгенерированные элементы — это связанные инстансы компонентов (linked component instances), а не фейковые копии. Официальная документация Figma подтверждает механику: «An instance is a copy of the component… Instances are linked to the main component and receive any updates made to the component». То есть при изменении мастер-компонента все инстансы на всех экранах обновляются автоматически. В демонстрации это проверяется буквально: правка мастера — и весь флоу подхватывает изменение.
Итерации и поддерживаемость✦
Правки точечные: можно выделить один раздел на канвасе и попросить переверстать только его (например, превратить таблицу пользователей в Kanban-доску) — навигация и остальные экраны не ломаются, а новые элементы наследуют стили из синхронизированной дизайн-системы. Именно это отличает генератор мокапов от инструмента для реального продукта: UI остаётся поддерживаемым и эволюционирует вместе с дизайн-системой, а не превращается в оторванный технический долг на заброшенной странице Figma.
Дополнительный практический эффект — экономия: вместо регенерации огромных кусков UI (и упора в скрытые rate-limit) Nodey переиспользует компоненты и обновляет конкретные секции, давая предсказуемый расход кредитов по экранам (по заявлению — ~70 hi-fi экранов на тарифе $420/мес).