Cursor 3 Design Mode: Annotate and Target UI Elements in the Browser

Melvin Vivas · X video post · 2026-04-07 · 0:23 · 83 views · Open on X

Topics: AI Dev Tools & Productivity · Level: beginner

Summary

This is a short post with a 23-second silent video. It points to the Design Mode feature in Cursor 3, the AI code editor. According to the quoted post, Design Mode lets you annotate and select UI elements directly in the browser so you can point the AI agent at a specific part of the interface. The post gives no steps or details beyond that.

Key points

• Cursor 3 has a feature called Design Mode.
• Design Mode lets you annotate UI elements and select them directly in the browser.
• Selecting an element visually tells the AI exactly which part of the UI to change, so you don't have to describe it in words.
• The video has no narration, and the post doesn't explain how to turn Design Mode on or use it.

Resources mentioned

• Cursor · tool · x.com · free · recommended by both Bashiri Smith & Melvin Vivas
  AI-native code editor (VS Code with AI built in).
  Also in: GLM 5.3 and GLM 5.3 Flash now in Cursor (Melvin Vivas on X · notes), Grok Bot Can Now Hand Off Coding Tasks to Cursor (Melvin Vivas on X · notes), Why Plan Mode Still Matters in AI Coding Assistants (Codex, Claude, Cursor) (Melvin Vivas on X · notes), Why Plan Mode Still Matters in AI Coding Agents (Codex, Claude, Cursor) (Melvin Vivas on X · notes) and 121 more

Try this

• Try Design Mode in Cursor 3 to annotate and select UI elements in the browser when you ask the AI for UI changes.