Cursor demonstrates a new approach to development

Instead of complex switching between tools, files, and roles - a single simple, visual, and flexible process

Cursor has rolled out a significant upgrade that expands the role of the IDE beyond traditional coding. The new Visual Editor introduces a browser-based visual layer where developers can interact directly with live UI elements while staying fully connected to the underlying codebase.

With this update, users can select elements on the page, rearrange layouts using drag-and-drop, adjust alignment, spacing, fonts, and colors, and apply design-system tokens - all visually. Once a change is applied, Cursor’s AI agents automatically translate these actions into clean, production-ready code.

One of the key advantages of this upgrade is how it accelerates iteration. Instead of switching between design tools and code editors, teams can experiment, test ideas, and refine interfaces in real time. This tight feedback loop encourages exploration and leads to better product decisions.

By merging visual editing with AI-assisted coding, Cursor challenges the long-standing separation between design and engineering. The result is a more unified workflow where teams can build, iterate, and ship faster - directly on the real product, not static mockups.