TechPrufer
Get started
Cursor
Cursor logoCursor · Feature trail

Visual Editor for Web Applications

2 posts · Dec 2025 – Jun 2026

What this trail covers

Introduced a visual editor for the Cursor Browser, integrating web app interfaces, codebase, and visual editing tools. This allows users to manipulate web page layouts and structures via drag-and-drop, test component states and properties directly, and fine-tune styles using visual controls. The editor also enables direct interaction with interface elements through natural language prompts, which are then translated into code changes by AI agents. This feature aims to bridge the gap between design and code.

All Cursor trails
  1. Direct agents with visual prompts in Design ModeThis post updates the Design Mode capability by introducing new ways for users to direct agents with visual prompts. It enhances the existing visual editor by allowing users to point at elements, draw on the interface, or use voice narration to convey design changes. The system now captures element identity (xpath, component, attributes, computed styles, props) and spatial context (screenshot) to provide agents with richer information for code editing. It also supports multitasking by enabling users to send multiple edits concurrently, improving the iteration loop for UI refinement.
  2. A visual editor for the Cursor BrowserIntroduced a visual editor for the Cursor Browser that allows users to manipulate web page layouts and structures via drag-and-drop, test component states and properties directly, and fine-tune styles using visual controls. The editor also enables direct interaction with interface elements through natural language prompts, which are then translated into code changes by AI agents.