New in Cursor design mode: Annotate. Give agents visual prompts: edit elements, draw on the page, and review your designs at different screen sizes.

Press Cmd+Shift+D in the browser to get started.

where is composer 3 man?

design feedback has evolved

much better to put the comments inline than the prompt box!

Reviewing at every screen size in the same loop is the real upgrade. That step used to take longer than the change.

real test is a circle around a nested component. does it edit the right jsx file or patch the wrapper

haven't opened cursor in a while, but drawing on the page to guide the agent is really useful. looks really well done too

It’s about time this has come to Cursor!

@poteto this has been out for several months now?

Finally, I can just circle the broken button

Was having this exact problem with precision editing, hope this solves it.

This revamp is awesome!

Pinning feedback onto the rendered page is the right primitive. "Make the hero tighter" in text is ambiguous; a box drawn on the actual element isn't. Does Annotate hand the agent the DOM selector, or just the screenshot region?

Nice. This is something my team has been wanting for awhile now

This is nice.

the screenshot covered in red circles I used to paste into chat finally has a proper home

wait you can just draw on it now??

Drawing directly on the page beats describing a layout change in three paragraphs of prompt text.

@ethantroy Cursors shipping rate is stormingly good right now.

so i draw a circle on the broken button and it fixes only that button? or the whole navbar again

Huge update, been waiting for this kind of detailed commenting to be available, of course you guys ship it first Btw made a static breakdown of the new feature:

I’ll try it out and tag you

drawing on the page beats describing a layout in words, that is usually where agents misread what you wanted

@poteto This needs to be in Bot pages @poteto

this is so early 2026. today I just want a 2023 chatgpt chat and smarter models

finally a way to point at the button and say "this one, not the other one"

Drawing directly on the page + checking different screen sizes side-by-side is such a massive time-saver. Trying to explain visual spacing, typography, or mobile vs. desktop layout tweaks in text always takes 5x longer than just pointing at the element and circling what needs to move. Love this update! 🔥

does it handle native mac apps or just the browser?

annotate only matters if the agent maps your red circle back to the right component in code, not just the pixels

Just installed Cursor for the first time. Linked my Grok account (X login, I think) and it locked me to 4.6 medium. Meanwhile in Hermes I have 4.7 Ultra Max and Grok Build also 4.7. Feels like I'm getting the budget tier. What's going on?

Do you need fewer rounds to get a UI change right with Annotate, or does it just cost more tokens each turn?

i asked for this on saturday. someone's reading the replies

Now this one will be worth using

composer 3 when?