Cursor adds Design Mode for canvas editing and context usage reports
TL;DR
Cursor canvases now support Design Mode for direct UI element selection and annotation. The update adds interactive context usage reports showing token distribution and full-screen shared canvases.
What changed
Cursor added Design Mode to canvases so developers and vibe builders can select and annotate UI elements directly. An interactive context usage report now shows token distribution details for all users. Shared canvases gained full-screen support for basic users reviewing work.
Why it matters
Developers gain clearer views of token breakdowns during large sessions much like workflows in VS Code extensions. Vibe builders can annotate interfaces without switching tools while basic users open shared views more easily.
What to watch for
Compare the reports against alternatives like Continue.dev extensions and verify changes by loading a shared canvas then toggling full-screen mode directly in the interface.
Who this matters for
- Vibe Builders: Use Design Mode to select and annotate UI elements directly on the canvas for faster iteration.
- Basic Users: Open shared project canvases in full-screen mode to review interface designs and layouts clearly.
Harsh’s take
Cursor is doubling down on the visual layer of development. Design Mode bridges the gap between raw code and UI feedback, allowing for direct manipulation that feels more like a design tool than an IDE. This is a massive win for rapid prototyping where the visual output matters as much as the logic.
The context usage report is the real sleeper hit here. Most users fly blind on token consumption until they hit a rate limit or a massive bill. Providing a granular breakdown of what is eating the context window allows for smarter prompt engineering and better resource management.
It is a practical utility that turns a black box into a manageable dashboard. While others focus on model performance, Cursor is winning on the developer experience by fixing the friction in the actual workflow.
by Harsh Desai
About Cursor
View the full Cursor page →All Cursor updatesGo deeper
More from Cursor
- FeatureCursor adds multi-select and continuous voice input to Design Mode
Cursor adds multi-select element support and continuous voice input to Design Mode in its browser. The updates let users queue changes without waiting for the agent to finish.
- FeatureCursor adds custom tools and nested subagents to TypeScript and Python SDKs
Cursor updated its TypeScript and Python SDKs to support custom tools via local.customTools, auto-review routing, JSONL and custom metadata stores, and infinitely nested subagents.
- FeatureCursor Design Mode now supports multi-select editing and voice input
Cursor Design Mode now supports multi-select editing to convey visual relationships and layouts to agents. Voice input allows narrating changes and queuing steps during agent runs.