Cursor adds Design Mode and interactive context reports to Canvases
TL;DR
Cursor Canvases now support Design Mode for UI element selection and annotation. An interactive context report shows token distribution and shared canvases open full-screen in the browser.
What changed
Cursor introduced Design Mode in Canvases for direct selection and annotation of UI elements by Vibe Builders and Developers. An interactive context usage report now details token distribution. Shared canvases open full screen in the browser for Basic Users.
Why it matters
Vibe Builders gain quicker UI iterations while Developers track tokens more precisely than in VS Code where distribution views stay static. Basic Users benefit in shared project workflows that involve frequent browser access.
What to watch for
Compare the new reports against those in Zed editor during token heavy sessions. Verify by opening a shared canvas full screen and checking the interactive breakdown for your current project.
Who this matters for
- Vibe Builders: Use Design Mode to select and annotate UI elements directly for faster visual prototyping.
- Basic Users: Open shared project canvases in full screen via the browser to review designs without the editor.
Harsh’s take
Cursor is doubling down on the visual layer of development. Design Mode bridges the gap between raw code and UI intent, making it easier to iterate on frontend components without constant context switching. This is a direct play for the Vibe Builder demographic who prioritize speed and visual feedback over manual CSS tweaking.
The new context usage reports are the real operational win here. Most developers 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 cost management.
While other editors like Zed focus on performance, Cursor is focusing on the developer experience of managing the AI itself. This transparency is necessary as context windows grow and token costs remain a primary constraint for complex projects.
by Harsh Desai
About Cursor
View the full Cursor page →All Cursor updatesGo deeper
More from Cursor
- FeatureCursor Design Mode adds multi-select and voice input for UI edits
Cursor Design Mode now supports multi-selecting elements for group edits. Voice input allows continuous narration of UI changes.