Cursor 3.7 Design Mode Canvas Context Explorer — обновление 2026

Редактор кода Cursor продолжает стремительно эволюционировать. В версии Cursor 3.7, вышедшей 5 июня 2026 года, появились сразу три значимых обновления: Design Mode с визуальными подсказками, Canvas с возможностью публикации по ссылке и Context Explorer для анализа расходов токенов.

Эти изменения превращают Cursor из просто «ИИ-редактора кода» в полноценную платформу для визуального проектирования, совместной работы и отладки AI-агентов.

Design Mode: визуальное редактирование без поиска в коде

Design Mode — это визуальный слой редактирования, встроенный в браузер Cursor. Он позволяет взаимодействовать с интерфейсом не через код, а через прямой клик по элементу.

Что появилось нового в Cursor 3.7:

• Клик по элементу — достаточно кликнуть на любой элемент интерфейса во встроенном браузере, и агент Cursor понимает, что нужно редактировать
• Выделение области — можно обвести нужную часть UI (lasso select), и агент сфокусируется только на ней
• Голосовой ввод — изменения можно просто продиктовать: «сделай кнопку синей», «увеличь отступ слева на 16px», «добавь анимацию появления»

Агент автоматически анализирует выбранный элемент, находит соответствующий код и вносит правки. Никакого ручного поиска компонентов в файловой системе.

Canvas: публикация и работа с командой

Canvas в Cursor — это бесконечное полотно для создания визуальных приложений: дашбордов, отчётов, внутренних инструментов и прототипов. Раньше Canvas был доступен только внутри редактора — теперь ситуация изменилась.

Новые возможности Canvas:

• Публикация по ссылке — Canvas можно развернуть в веб и отправить коллегам. Они увидят работающее приложение без установки Cursor
• Совместный доступ — ссылкой можно делиться с командой, публиковать в Slack или Notion
• Сборка агентом — агент Cursor через Canvas самостоятельно собирает дашборды, отчёты и внутренние инструменты на основе описания

Важное уточнение: Canvas — это .tsx-файл, который импортирует модули только из cursor/canvas. Этот модуль не является устанавливаемым пакетом — он предоставляется средой Cursor на этапе компиляции. Однако при публикации Cursor компилирует Canvas в самостоятельное веб-приложение.

Context Explorer: полная прозрачность расходов токенов

Третья новинка Cursor 3.7 — Context Explorer. Это интерактивный отчёт прямо внутри Canvas, который раскладывает расход токенов «по полочкам»:

• Системный промпт — сколько токенов занимает системная инструкция
• Описания инструментов — расход на документацию доступных инструментов
• Правила (Rules) — затраты на пользовательские правила
• Скиллы (Skills) — расход на подключённые навыки
• Остальной контекст — файлы, история диалога и прочее

Context Explorer решает давнюю проблему разработчиков: «Куда уходят мои токены?». Теперь можно увидеть точную разбивку, понять, какие части контекста самые «дорогие», и оптимизировать промпты и правила.

Почему это важно

Обновление Cursor 3.7 — это шаг к полной визуализации работы с ИИ:

1. Design Mode стирает границу между дизайном и разработкой — можно править UI как в Figma, но получать сразу код
2. Canvas превращает Cursor в инструмент для создания продакшн-приложений, а не только для написания кода
3. Context Explorer даёт прозрачность — разработчик понимает, как работают токены и где можно сэкономить

В совокупности эти три обновления делают Cursor одним из самых мощных инструментов для AI-assisted разработки в 2026 году.

Где попробовать

• Скачать Cursor — версия 3.7 от 5 июня 2026
• Design Mode — доступен в окне агента (Agents Window)
• Canvas — создаётся через Canvas view, публикуется через команду Deploy