Найти в Дзене
4pda.to

Cursor добавил визуальный ИИ-редактор для настройки дизайна сайтов

Разработчики популярного ИИ-редактора кода Cursor представили новый инструмент Visual Editor — модуль для редактирования интерфейсов сайтов и веб-приложений. Теперь внутри редактора можно не только открывать готовые проекты во встроенном браузере, но и напрямую менять их внешний вид, в том числе с помощью текстовых запросов. Visual Editor предлагает привычные инструменты для ручной настройки интерфейса: изменение шрифтов, корректировку отступов, добавление кнопок и других элементов, замену фона и работу с компоновкой. Панель дизайна интегрирована прямо в окно браузера — изменения отображаются сразу, что упрощает работу с макетами и прототипами. Ключевая особенность новинки — встроенный чат-бот. Он позволяет вносить правки командой вроде «замени цвет кнопки» или «увеличь радиус скругления». ИИ анализирует структуру страницы и автоматически обновляет соответствующие фрагменты кода. Благодаря Visual Editor дизайнеры и разработчики могут совместно использовать один инструмент, без переключ
   Cursor добавил визуальный ИИ-редактор для настройки дизайна сайтов
Cursor добавил визуальный ИИ-редактор для настройки дизайна сайтов

Разработчики популярного ИИ-редактора кода Cursor представили новый инструмент Visual Editor — модуль для редактирования интерфейсов сайтов и веб-приложений. Теперь внутри редактора можно не только открывать готовые проекты во встроенном браузере, но и напрямую менять их внешний вид, в том числе с помощью текстовых запросов.

-2

Visual Editor предлагает привычные инструменты для ручной настройки интерфейса: изменение шрифтов, корректировку отступов, добавление кнопок и других элементов, замену фона и работу с компоновкой. Панель дизайна интегрирована прямо в окно браузера — изменения отображаются сразу, что упрощает работу с макетами и прототипами.

Ключевая особенность новинки — встроенный чат-бот. Он позволяет вносить правки командой вроде «замени цвет кнопки» или «увеличь радиус скругления». ИИ анализирует структуру страницы и автоматически обновляет соответствующие фрагменты кода.

Благодаря Visual Editor дизайнеры и разработчики могут совместно использовать один инструмент, без переключения между Figma, IDE и превью.