Главная проблема вайб-кодинга — «одноразовый» код фронтенда. AI генерирует красивые интерфейсы, но когда дело доходит до интеграции в реальный продукт, разработчики хватаются за голову: компоненты выдуманы, токены не совпадают, а стили приходится переписывать с нуля.

5 мая 2026 года Bolt.new представил Design System Agents — решение, которое заставляет AI использовать реальные стандарты вашей компании вместо стандартных библиотек.

Как это работает

Теперь Bolt можно «скормить» источники вашей дизайн-системы. Это не просто чтение документации, а глубокий анализ кода. В качестве источников можно использовать:

• NPM-пакеты и GitHub-репозитории (дают лучший результат);
• Инстансы Storybook;
• Спецификации компонентов и брендбуки в PDF.

Процесс первичного обучения агента занимает от 45 до 60 минут. После этого Bolt перестает использовать generic-заглушки и начинает собирать интерфейс из ваших реальных кнопок, форм и дизайн-токенов.

Прощай, «налог на перевод»

Разработчики Bolt называют проблему ручного переноса дизайна в код «налогом на перевод» (translation tax). Раньше прототип был лишь визуальной референцией. С Design System Agents прототип становится фундаментом: код, который выдает AI, уже содержит правильные импорты и структуру, принятую в вашей команде.

Это критически важно для масштабирования вайб-кодинга в больших компаниях. Когда PM или дизайнер «накидывает» фичу в Bolt, на выходе получается не просто картинка, а рабочий React-код, использующий внутреннюю библиотеку компонентов.

Ограничения и доступ

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