本文目录

Cursor 的 Design Mode 新增 Annotate，面向在运行中的应用上做前端／UI 迭代的开发者。@cursor_ai 在 X 发帖（2115159585548021814；created_at 2026-10-27T19:11:57Z（2026-10-28 03:11 Asia/Shanghai））称：Design Mode 新增 Annotate，可用视觉提示——编辑元素、在页面上绘制。Cursor 文档写明 Design Mode 位于 Agents Window 内的浏览器。相关文章见 Cursor 云端 agent 可生成可分享的 canvas；Environments API 进入 beta。

如何打开 Annotate

点浏览器工具栏的 Annotate，或焦点在浏览器时按 Cmd+Shift+D（命令面板 Toggle Design Mode），会打开 Design Mode。Annotate 需 Cursor 3.24.18+；更早版本显示笔形图标、标签为 Design Mode。

怎么指示 Agent

单击元素会打开 note（选前 ↑／↓ 高亮父／子）。Shift+单击 把多个元素加进同一 note。拖拽框选区域——Shift 锁单轴，Option／Alt 从中心画；markup 工具 Draw／Ellipse／Rectangle／Arrow，Cmd+Z 撤销。双击文本就地改字（Return 保存，Esc 还原）；文本编辑总是等 Send。单元素 note 可开 Edit CSS properties。有文字或 CSS 改动后可用 Dictate。相关文章见 Cursor Agent SDK 发布：文件夹定义、Eval 与部署。

Agent 收到什么

每条 note 含说明文字与 元素详情——tag／id／classes／attributes、CSS 风格 selector path、可见文本前 200 字、尺寸与位置；六项 computed styles（color、background color、font size、font family、display、position）；React／Vue／Svelte 另含 component name＋stack——外加按元素或带 markup 区域裁切的 截图。

Batch edits

Batch edits 默认 关：元素／区域 note 按 Return 即发（Send note）。开 后以 编号 pin 积在页面，工具栏出现带计数的 Send。发完全部 pending 也会退出 Design Mode。文本编辑无论开关都等 Send。

Canvas 标签页（旧 Design Mode）

Canvas 标签页仍保留旧笔形 Design Mode：notes 直接进 chat，不适用 Batch edits，也无就地改文——与 Agents Window Annotate 流程不同。相关文章见 Cursor Remote Control 上线：用 iPhone 查看并回复电脑上跑着的 agent。

Cursor 文档建议该流程用 Composer 2.5（建议而非强制）。本站未实测。产品细节可能变化，以 Cursor 文档最新说明为准。仅供参考。