本文目錄

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 文件最新說明為準。僅供參考。