Cursor has updated Design Mode with a set of features aimed at making interface changes easier to direct inside a live product. The company says users can now point to elements on the page, draw annotations over regions of the interface, or describe changes with voice input so the agent has more context when editing code.
The update is designed for the kind of work that often happens in product design and frontend development, where feedback is frequently spatial rather than purely textual. Instead of asking a model to interpret a written prompt alone, Cursor is pushing toward a workflow where instructions are tied to the exact element, layout, or visual state a user is looking at.
According to Cursor, Design Mode works from the browser and allows users to click an element in the running application, make a request against that selected item, and continue working while the agent updates the code. Users can also select more than one element at once, which is meant to help when one component needs to match another or when several pieces of content need to change together.
The company is also adding drawing support. That lets users circle a dense part of the interface, mark a section of the page, or indicate where a change should apply. Cursor says the annotation is shown over a frozen frame of the viewport, so the agent sees the exact state of the page that prompted the request.
Voice input is part of the new workflow as well. Cursor says users can narrate what they want changed, and that the targeting and overall experience have been refined to make the interaction feel faster.
Cursor frames the update as an effort to shorten the distance between noticing a problem and asking an agent to fix it. In its description of the feature, the company says visual interactions in Design Mode are meant to feel like a natural extension of editing, rather than a separate step that interrupts the flow of work.
The release also reflects the way UI changes often come in sequences. A designer or developer may adjust spacing on one component, then notice alignment issues elsewhere, then make further changes to keep nearby elements consistent. Cursor says Design Mode is meant to support that kind of back-and-forth by allowing users to send new edits while earlier ones are still processing.
That approach also supports multi-agent work, the company says, by making it easier to manage multiple requests at once.
Under the hood, Cursor says selecting an element gives the agent more than just a visual cue. The system combines the element's identity with a screenshot of the page so it can understand both the code and the surrounding layout. The company says that helps the agent locate the source more efficiently and make the relevant change.
Cursor also points to Composer 2.5 as the model best suited to this workflow, describing it as both fast and strong at interface edits. As changes complete, the app hot reloads so users can see the results in the running product and continue refining the interface.
The company says the broader goal is to let people move smoothly between higher-level intent and low-level implementation details without breaking their flow. Design Mode is part of that effort, giving users more direct control over how agents interpret and act on UI changes.
Cursor says the updated feature is available through the Agents Window, with additional documentation available through its browser and agent guides.