Cursor Expands Design Mode With Multi-Select, Drawing, and Voice Controls

Cursor has updated Design Mode, adding new visual and voice-based ways for users to direct AI agents while working inside a running application. The feature allows designers, product managers, and developers to select interface elements, draw directly on the page, or describe changes by voice, giving Cursor’s agents more context for making code edits.

The update is designed to reduce the gap between what users see on screen and what AI agents understand. Rather than describing interface changes through text alone, users can now point to specific elements, highlight regions of a page, or reference multiple components at once while continuing to work inside the product they are editing.

Cursor said Design Mode helps agents understand both the visual and technical context behind a requested change. When a user selects an element, the system captures information including component data, attributes, computed styles, and related code structure, while also preserving a screenshot of the page state to provide spatial context.

The company has expanded the ways users can communicate intent to agents. In addition to selecting individual elements, users can reference multiple components simultaneously to request coordinated changes across a layout. Drawing tools allow users to circle, box, or mark areas of the interface, helping agents identify exactly where modifications should be applied. The latest release also introduces voice narration, enabling users to speak instructions while annotating the interface.

Cursor positions the feature as a way to make interface iteration more fluid. Users can submit multiple design requests as they identify them across a page rather than waiting for one change to complete before starting another. The company said this workflow makes it easier to manage multiple agent-driven edits at the same time.

The updated Design Mode is optimized for Cursor’s Composer 2.5 model, which the company says is designed to handle targeted user interface changes quickly. As edits are completed, changes appear through the application’s existing hot reload process, allowing users to continue refining the interface while updates are applied in the background.

According to Cursor, the broader goal is to create a development workflow where users can move between high-level design decisions and lower-level implementation details without leaving their working environment. By combining visual references, voice input, and direct access to application context, Design Mode aims to make AI-assisted interface editing a more natural part of the software development process.

The updated Design Mode is available through the Agents Window in the Cursor browser, with additional documentation available through the company’s Browser tools documentation.

This analysis is based on reporting from Cursor.

Image courtesy of Cursor.

This article was generated with AI assistance and reviewed for accuracy and quality.