Платформа Bolt представила Design System Agent — инструмент, который решает главную боль вайбкодеров и продуктовых команд: разрыв между макетами в Figma и реальным кодом в репозитории. Агент, построенный на базе Claude Agent SDK, автоматически собирает разрозненные ассеты из Figma, Storybook, GitHub и документации в единую рабочую систему.

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

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

На выходе получается унифицированная дизайн-система, которую Bolt использует как «активное ограничение» при генерации интерфейсов. Это значит, что созданные ИИ прототипы — это не просто картинки, а готовый к продакшну код, соответствующий вашим стандартам.

Технические детали и эффективность

Разработчики выделяют несколько ключевых аспектов релиза:

• Кэширование: Благодаря оптимизации под Claude SDK, агент достигает 90% эффективности кэша, что критично при работе с огромными дизайн-системами на тысячи токенов.
• Автономность: Весь процесс консолидации происходит за один запуск без необходимости ручной донастройки.
• Контекст: Инструмент дополняет экосистему коннекторов Bolt (Notion, Linear, GitHub), превращая дизайн-систему из статического справочника в живой контекст для разработки.

Что это значит для вайбкодеров

Для тех, кто собирает продукты в одиночку или небольшими командами, это переход от концепции «прототип как картинка» к «прототипу как артефакту». Теперь PM или дизайнер может сгенерировать интерфейс, который инженеры (или те же AI-агенты вроде Cursor и Windsurf) смогут засинкать в проект без необходимости переписывать стили и компоненты с нуля.

По заявлению Bolt, новую фичу уже опробовали более 10 000 команд, что подтверждает огромный спрос на автоматизацию моста между дизайном и кодом.