Компания Cursor выпустила обновление для своего браузера, добавив инструмент визуального редактирования веб-приложений. Это не просто еще одна среда разработки — это попытка стереть границу между написанием кода и визуальным дизайном, поместив оба процесса в одно окно.
Перетаскивание как новый язык
Основная фишка редактора — возможность напрямую манипулировать элементами интерфейса через перетаскивание в DOM-дереве. Можно менять порядок кнопок, вращать секции, тестировать разные конфигурации сетки, а затем одной командой поручить агенту найти соответствующие компоненты и обновить исходный код. Это убирает необходимость постоянного переключения контекста между кодом и визуальным представлением.
Работа с состоянием компонентов и свойствами
Для современных React-приложений редактор выводит свойства компонентов в боковую панель, позволяя легко переключаться между разными состояниями. Стили настраиваются с помощью слайдеров, палитр и собственных токенов дизайн-системы. Каждое изменение интерактивно: живые пипетки цвета, точные контролы для работы с flexbox-раскладками и типографикой.
Точечные правки через промпты
Самая интересная возможность — «укажи и промпт». Можно кликнуть на любой элемент интерфейса и описать желаемое изменение текстом: «сделай это больше», «перекрась в красный», «поменяй местами». Агенты работают параллельно, и через несколько секунд изменения вступают в силу прямо в работающем приложении.
Идея, безусловно, элегантна: поднять уровень абстракции, чтобы разработчик думал о логике и внешнем виде, а не о синтаксисе. Однако на практике такие инструменты часто становятся жертвой собственной сложности — они пытаются быть умнее среды разработки и проще Figma одновременно, что редко заканчивается хорошо. Ключевой вопрос: сможет ли Cursor сделать этот редактор действительно предсказуемым, или он превратится в генератор неожиданных багов, где «перетащил кнопку — сломал стейт-менеджмент». Пока что это выглядит как смелый эксперимент, а не готовый продукт.
В Cursor видят будущее, где агенты будут глубже интегрированы в процесс создания веб-приложений, а интерфейсы станут более прямым проводником от мысли к коду. Новый визуальный редактор — шаг в этом направлении.
По материалам Cursor.