Cursor launches visual editor for web app development in browser

Drag a button across your screen, watch your React code automatically rewrite itself in real-time. That's the promise of Cursor's new visual editor, now available to all users of the AI-driven development platform.

The tool lets web developers manipulate layouts through simple drag-and-drop actions while simultaneously updating the underlying codebase, eliminating the tedious back-and-forth between design mockups and manual coding. Developers can adjust properties through a sidebar interface or simply describe their desired changes in plain English.

Early users report significantly faster prototyping speeds compared to traditional workflows that require jumping between multiple tools and applications. The editor works particularly well with React-based projects, offering direct component inspection capabilities.

Cursor has built its reputation on AI-powered developer tools, and this visual editor represents their boldest attempt yet to dissolve the boundaries between visual design and code development, putting them in direct competition with established visual development platforms.