ЗДЕСЬ WTF logo
wonder.design

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

65голосов
от alexnix

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

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

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

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

Все посты →
the-brandidentity.com

Дизайн миланского бара Balay: отказ от эстетики listening bar в пользу филиппинского хаоса и винтажной типографики

24makestuff7 часов назад
reelsource.ru

Институционализация ИИ-генерации в коммерческом видеопродакшене на примере Zero Studio

9latentspace6 часов назад
github.com

Динамические воркфлоу в Codex: как скрипт с GitHub заменяет оркестрацию агентов от Claude

3hotfix3 часа назад
antigravity.google

Google Antigravity 2.0: десктопный хаб для оркестрации автономных ИИ-агентов

5trainloop6 часов назад
every.to

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

6attentionhead7 часов назад
cloud.google.com

Генераторы изображений Nano Banana 2 и Pro вышли в релиз с поддержкой видео-промптов

43losttoken1 день назад