I can't see design mode

Support Help
1

Per the below message from Cursor, there is a design mode. It doesn’t show on my screen. I’m up to date on releases. ANy thoughts on how to find it or activate it?

Direct agents with visual prompts in Design Mode
Design Mode lets users guide agents through the interface itself. From the Cursor browser, you can click elements, select multiple references, draw on the page, or use voice to describe changes, giving agents the visual and code context they need to make precise UI edits.
4

I don’t see it either..

6

Hey, thanks for the request. Design Mode isn’t in the regular code editor. It lives in the built-in browser inside the Agents window and was added in Cursor 3, so you won’t see it on the main editor screen.

How to get to it:

  • Open the Browser tab in the Agents window via File > New Browser.
  • Load your running web app. A local dev server works best, like http://localhost:3000.
  • Once the page fully loads, you’ll see a Design Mode button in the browser toolbar with a pen icon. Click it or use Cmd+Shift+D or Ctrl+Shift+D.

After that, you can click elements, multi-select, or draw directly on the page to attach context to your agent prompt.

Key point: the button stays hidden until a page is fully loaded in the browser. It also won’t be available while the page is loading or if the page has an error. So if you’re in the editor instead of the Browser tab, or the page isn’t open yet, Design Mode won’t show up.

More details in the docs: Design Mode | Cursor Docs

Let me know if the button still doesn’t show up after these steps.