A visual editor for the Cursor Browser (cursor.com)

Cursor has unveiled a groundbreaking visual editor for its browser, integrating web app development and visual design into a single streamlined interface. This innovative tool allows developers to manipulate website layouts with a simple drag-and-drop functionality, making it possible to rearrange elements and test various design configurations without switching contexts. By enabling users to interactively edit properties, styles, and layouts of components—particularly for those built in React—the editor enhances the workflow between design and coding, ensuring that developers can achieve their envisioned layouts more intuitively. Significantly, the visual editor empowers users to describe desired changes in natural language while visually interacting with components. For instance, a user can simply click on an element and prompt alterations like resizing or changing color, all of which are executed in real time by the integrated agent. This advancement raises the abstraction level of web development, enabling a more fluid connection between design concepts and code execution. The Cursor team envisions a future where such tools facilitate even deeper integration of AI agents in app development, allowing creators to translate their ideas into functional web applications with unprecedented efficiency.