Cursor: Canvas Design Mode and Context Usage Report
CursorCursor 3.7 introduces Design Mode for canvases, allowing developers to select and annotate UI elements directly on a canvas to guide edits visually rather than through text descriptions. Cursor also added an interactive Context Usage Report that shows agents' token allocation broken down across system prompts, tools, rules, and skills, surfaced as a live canvas artifact that users can query and debug further. Additional canvas improvements include agent-embeddable action buttons, better type error resolution, and expanded chart customization.
Sources & Mentions
4 external resources covering this update
Canvas Design Mode: Point-and-Annotate Editing
Cursor 3.7, released June 4, 2026, introduces Design Mode as a new editing layer for canvases. Previously, guiding Cursor's edits to a canvas required describing changes in text. With Design Mode, users can select UI elements directly on the rendered canvas surface and annotate them inline, the same way a designer would mark up a browser prototype. This closes the feedback loop for UI iteration: instead of writing "move the button to the top right and make it blue," users can point to it, leave an annotation, and let the agent act on that visual context.
Design Mode addresses one of the practical friction points of building UIs with AI agents: the translation gap between intent and instruction. By making the canvas itself an input surface, Cursor reduces the round-trip cost of visual iteration.
Context Usage Report
Alongside Design Mode, Cursor 3.7 ships an interactive Context Usage Report. When an agent runs, it can now surface a breakdown of how its context window is consumed, presented as a live canvas artifact rather than a static log entry. The report categorizes token usage across system prompts, tool definitions, rules, skills, and other context contributors.
Because the report lives inside a canvas, it is interactive by design. Users can ask follow-up questions directly within the report to drill into specific categories or request suggestions. A dedicated "Debug with Agent" button opens a new conversation focused on reducing context consumption, making token management an active and guided workflow rather than a manual inspection task.
Additional Canvas Improvements
Cursor 3.7 also ships several quality-of-life enhancements to canvases:
- Agents can now embed action buttons inside canvas artifacts that trigger a specific prompt when clicked, enabling interactive canvas-driven workflows.
- Improved agent capability for resolving type errors that arise in canvas components.
- Better component styling defaults and expanded chart customization options, making agent-generated visualizations more production-ready.
- Full-screen browser viewing for shared canvases, simplifying team presentations and reviews.