Cursor 推出 Design Mode：在运行中的应用上标注即可让 Agent 改代码
2026.10.28 · 产品 · 功能更新 · 官方发布
Cursor 上线 Design Mode，可在运行中的网页上圈选元素、区域或文字，让 Agent 直接改代码。
Cursor 发布 Design Mode，让用户在 Agents Window 的浏览器中点击 Annotate，直接指向运行中应用的元素、区域或文字来指挥 Agent 改代码。每条标注会附带所选元素的标签、类名、选择器路径、可见文本前 200 字符、尺寸位置及六项计算样式，并配截图，Agent 据此定位代码。该功能需 Cursor 3.24.18 或更高版本。
- 开启方式：在 Agents Window 浏览器工具栏点 Annotate，或按 Cmd/Ctrl+Shift+D，命令面板中名为 Toggle Design Mode。
- 标注对象：可点选单个元素、Shift 多选元素、拖拽框选区域，或双击就地编辑文字。
- 上下文：每条标注附带元素标签、id、类名、属性、选择器路径、可见文本前 200 字符、尺寸位置和六项计算样式。
- 发送机制：Batch edits 默认关闭，按回车立即发送；开启后标注以编号图钉收集，一键批量发送。
- 版本要求：Annotate 需 Cursor 3.24.18 或更高版本，更早版本工具栏显示 Design Mode 笔形图标。
为什么值得看
UI 改动靠指不靠描述，Agent 能直接定位到对应代码。
适合谁关注
使用 Cursor 做前端和 UI 开发的工程师。