2026年10月27日,Cursor 宣布设计模式新增 Annotate 功能,并在官方文档中更新了用法:开发者可以在运行中的应用界面上直接圈点、写备注,让智能体按这些视觉提示改代码,不必先把界面问题翻译成文字描述。该功能位于智能体窗口内的浏览器中,点工具栏的 Annotate,或在浏览器获得焦点时按 Cmd+Shift+D(Windows 与 Linux 对应 Ctrl+Shift+D)即可进入。
标注带上截图与元素信息,智能体直接改代码
进入设计模式后,点选页面元素、框选区域或直接改页面上的文字,都可以生成一条备注;备注会附带所选元素的细节与截图,智能体据此定位代码并修改,开发者可以继续处理下一处。多选时能一次选中多个元素,说明它们之间的关系,例如让一个组件向另一个对齐、删掉重复内容或成组调整。初次打开时 Annotate 按钮会显示 Try Annotate 预览与简短演示,留下五条以上备注后只显示图标。
它擅长界面微调,不适合从零搭功能
Annotate 解决的是空间感强的小范围修改:间距、字号、颜色、按钮形态、不同屏幕尺寸下的对齐。官方文档还提到可以在多种屏幕尺寸下检查设计,改完一处就看一处。新建组件、后端逻辑与架构调整不在它的射程内,仍需回到常规对话或规划模式,把需求、接口与数据流讲清楚。改动生成后要像对待其他智能体代码一样审 diff、跑回归与无障碍检查,再合入主分支。
先在真实页面上小范围试,再推广到日常流程
是否值得用,取决于团队日常有多少界面走查工作:如果设计走查常靠截图加文字来回,圈点直达代码能省掉描述成本;如果改动大多是逻辑与数据问题,它帮不上忙。建议先在一两个真实页面上试用,确认标注能稳定定位到目标代码、改动符合预期,再把它写进团队的界面走查流程,而不是一上来就替换现有的提需求方式。