Wonder: визуальный редактор с прямой генерацией React и Tailwind кода

Пощупал публичную альфу Wonder. Это визуальный редактор с фокусом на честный экспорт. Разработчики попытались убрать разрыв между макетом и продакшеном. Каждый элемент на холсте сразу привязан к коду. Собрал интерфейс — забрал готовый React и Tailwind. Никакой ручной передачи макетов верстальщикам.

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

Формат макетов один к одному совпадает с кодом. Подключил редактор через MCP к локальному агенту. Можно загрузить написанный код, поменять визуал и запушить обратно. Экспорт выдает чистые компоненты для Next.js. Для сборки быстрых прототипов инструмент сильно экономит время.