We’re excited to introduce the Visual Editor — a unified workspace that brings your web app, codebase, and visual editing tools together in the same window.
Instead of context-switching between design tools and code, you can now drag elements around, inspect components directly, and describe changes while pointing and clicking. The result is faster iteration and a more intuitive path from design to working code.
Rearrange with drag-and-drop - Manipulate your site’s layout directly by dragging rendered elements across the DOM tree. Swap buttons, rotate sections, test grid configurations visually.
Test component states - Surface React props in the sidebar to toggle between component variants and states without touching code.
Adjust with visual controls - Fine-tune styles using sliders, color pickers, and design tokens. Every change previews live with interactive controls for flexbox, grids, and typography.
Point and prompt - Click any element and describe what you want. Say “make this bigger” or “turn this red” — agents run in parallel and apply changes in seconds.
We’d love your feedback!
Have you used the Visual Editor to speed up your UI workflow?
How did drag-and-drop and component inspection work for your project?
What visual editing features would make this more powerful for you?
If you’ve found a bug, please post it in Bug Reports instead, so we can track and address it properly, but also feel free to drop a link to it in this thread for visibility.
Not sure if it’s the visual editor, but selecting elements in cursor’s browser keeps opening new chats instead of adding to the current agent chat. This is very disruptive, especially when I want to preserve chat context.
Can I please request support for multiple monitors? We have a LOT going on in one app! - agents / code windows / git worktress / terminal / browser tab and now the design pane!
Super please, just in time for Christmas, thank you very much.
Hi, when i use the “select element” tool on the top right corner of the browser tab embedded inside of cursor, it opens a new chat. it didn’t used to do that. is this new and intended? this creates a problem because sometimes i need to select multiple elements on a UI and explain something, but now EACH OF THE SELECTION BECOMES A NEW CHAT… it’s been nuts today. please help me understand why and how this is supposed to be used. i looked up the documentation and chatted with the support bot on that page. no resolution yet. Thanks Browser | Cursor Docs
While it worked fine in some test applications, in a large production application, the tabs remained completely black and the feature couldn’t be used.
I don’t know the cause, but has anyone else experienced the same issue?
Update:
This occurred when I set up a local development server and tried to access localhost:4200.
Question, should we be able to select sub-elements inside shadow-dome web components? It seems to me it can’t do that as of now. I’m no expert on the matter, so maybe it’s just not possible from a technical point of view
I see multiple <body> pills being added to chat while I am just pasting in a URL and pressing enter.
I paste http://localhost:3000 and it changes to port 3001 . I do have multiple launch configs with a 3001 but I’m running the dev server on 3000 and have a normal debug instance running in 3000. I’m not sure how it knows to even try changing the address. I literally copy and pasted the URL from the debug chrome instance in to the tab browser and it fails.
STILL totally broken when not in main window. This is why I stopped using the built in browser a couple of weeks ago. it has been broken since before 2.0 came out. Very frustrating. I don’t want it in my main window. I have too many things in there already. I keep it on my lower smaller monitor and do all code and page editing on my main wide monitor. I’m just not interested in a small tall mobile-shaped web browser when working on a desktop-sized app.
This all sounds like a great feature, and I am sure someone(s) spent a lot of energy making it beautiful, but I can’t even get to see it. This is a major roll-out ball-drop. Please test (using humans). Please fix the known issues first.
nice idea though that it always pushes the view into the chat when you click stuff (which you have to do else you cant drag) is super disruptive and annoying
also after moving any item around it hangs 1-2 seconds which slows down the whole process even more ;/
once it fully works its gonna be a killer feeature
maybe ad a thing like in ai.studio by google that you can put some text or border box or any element at any position and write the instruction right there. This would definitely take out stagewise and 21.dev from quite the market share
More than half a year ago the guys behind Pear AI wanted to build that, but Cursor is the team that actually did it instead <3
Could I assume that this is the last update that will break my layout? The sidebar suddenly moved to the right, which wasted my time finding a solution to move it back to the left. (PLEASE DON’T MOVE IT AGAIN)
