🔄 Cursor обновляет Design Mode: визуальные подсказки для агентов

Cursor выпустил обновление Design Mode — режима, который позволяет разработчикам, дизайнерам и продакт-менеджерам редактировать интерфейсы прямо в работающем приложении, используя визуальные подсказки вместо текстовых команд. Теперь можно кликать на элементы, рисовать на странице, выделять несколько компонентов или отдавать голосовые инструкции — агент получает полный контекст: код элемента, его стили, положение в DOM и скриншот страницы.

В основе обновления — мультимодальный подход: при выборе элемента в контекст передаются XPath, компонент, атрибуты, вычисленные стили и пропсы из fiber-дерева, а также снимок экрана для пространственной привязки. Это позволяет агенту точно находить исходный код и вносить изменения без лишних итераций. Поддерживается мультивыбор (например, «сделай один компонент как другой») и рисование поверх замороженного кадра анимации.

Режим оптимизирован для параллельной работы: можно отправлять несколько правок подряд, не дожидаясь завершения предыдущей — агенты выполняют задачи асинхронно, а приложение горячо перезагружается. Лучше всего Design Mode работает с Composer 2.5, который быстро и точно вносит точечные изменения в интерфейс.

#Tech #AI #Cursor #DesignMode #Agents #Development #UI