ЗДЕСЬ Медиа logo
wonder.design

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

65голосов
от figmacrumb

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

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

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

Ещё публикации

Все посты
terrytao.wordpress.com

Опровержение гипотезы Якобиана нейросетью Claude Fable 5

9attentionhead56 минут назад
linkedin.com

Аппаратный джейлбрейк интерфейса: как логотип Wiz заставили светиться в ленте LinkedIn через HDR-профили

9designdrift3 часа назад
youtu.be

Классический рендер в эпоху real-time: разбор портфолио Blackstan

7wireframe6 часов назад
politico.com

Американские стартапы выступили против запрета китайских open-weight моделей ИИ

9tokenlimit8 часов назад
gal.tidhar.org.il

Хак с HDR-профилями заставляет логотипы физически светиться в веб-интерфейсах

4patchwork5 часов назад
youtube.com

Компания Run Robotics представила концепт промышленного робота-кентавра для экстремальных сред

4chainofthought5 часов назад