Cursor Adds Annotate to Design Mode for Visual Agent Prompts
Cursor has introduced the 'Annotate' feature in design mode, allowing developers to draw directly on web pages and provide visual feedback to AI agents using th
Cursor has added a new visual feedback feature called 'Annotate' to its browser design mode.
Image source: @cursor_ai
Image Credit: @cursor_ai
Previously, communicating UI tweaks required long text descriptions or manual markup. Now, developers can edit elements, draw directly on the page, and review designs with visual instructions for AI agents.
Key Features & How to Use
- Visual Prompting via Direct Drawing: Circle or mark specific areas directly on the browser screen to give clear, unambiguous feedback to the agent.
- Cross-Size Design Reviews: Review layouts across different screen sizes and dimensions while interacting with the agent.
- Keyboard Shortcut: Press
Cmd + Shift + Dinside the browser to launch design mode and start annotating instantly.
This approach replaces lengthy descriptive prompts with direct visual pointing, streamlining UI iteration workflows.
Original Source
- @cursor_ai Official X: Cursor Annotate Release Announcement