AI导航

Cursor设计模式新增Annotate:圈出界面就能改代码

AI资讯
2 min read
3 次阅读

2026年10月27日,Cursor 宣布设计模式新增 Annotate 功能,并在官方文档中更新了用法:开发者可以在运行中的应用界面上直接圈点、写备注,让智能体按这些视觉提示改代码,不必先把界面问题翻译成文字描述。该功能位于智能体窗口内的浏览器中,点工具栏的 Annotate,或在浏览器获得焦点时按 Cmd+Shift+D(Windows 与 Linux 对应 Ctrl+Shift+D)即可进入。

标注带上截图与元素信息,智能体直接改代码

进入设计模式后,点选页面元素、框选区域或直接改页面上的文字,都可以生成一条备注;备注会附带所选元素的细节与截图,智能体据此定位代码并修改,开发者可以继续处理下一处。多选时能一次选中多个元素,说明它们之间的关系,例如让一个组件向另一个对齐、删掉重复内容或成组调整。初次打开时 Annotate 按钮会显示 Try Annotate 预览与简短演示,留下五条以上备注后只显示图标。

它擅长界面微调,不适合从零搭功能

Annotate 解决的是空间感强的小范围修改:间距、字号、颜色、按钮形态、不同屏幕尺寸下的对齐。官方文档还提到可以在多种屏幕尺寸下检查设计,改完一处就看一处。新建组件、后端逻辑与架构调整不在它的射程内,仍需回到常规对话或规划模式,把需求、接口与数据流讲清楚。改动生成后要像对待其他智能体代码一样审 diff、跑回归与无障碍检查,再合入主分支。

先在真实页面上小范围试,再推广到日常流程

是否值得用,取决于团队日常有多少界面走查工作:如果设计走查常靠截图加文字来回,圈点直达代码能省掉描述成本;如果改动大多是逻辑与数据问题,它帮不上忙。建议先在一两个真实页面上试用,确认标注能稳定定位到目标代码、改动符合预期,再把它写进团队的界面走查流程,而不是一上来就替换现有的提需求方式。

推荐工具

NVIDIA Chat with RTX AI聊天 Chat with RTX 是 NVIDIA 面向 RTX 电脑的本地 AI 聊天工具,可围绕本地文档和视频资料做问答,适合重视隐私、离线检索并具备硬件条件的用户更适合资料不便上传云 HuggingChat AI聊天 HuggingChat 是 Hugging Face 的开源模型聊天应用,支持 Omni 自动选模型,也可手动选社区开放模型对话。它适合体验开源模型、技术探索和问答,结果可能不稳定,重要内容需复核。 纳米AI搜索 AI搜索 纳米AI 是 360 旗下 AI 搜索和智能体入口,支持文字、语音、拍照提问、多模型协作与内容创作,适合中文用户做日常搜索、学习问答、移动查询、热点追踪、生活决策、知识整理和轻量创作。 Qwen Chat(通义千问) AI聊天 Qwen Chat 是Qwen 大模型聊天助手,支持Qwen 模型聊天、写作和编程问答,适合中文用户和开发者完成 AI 对话、资料问答和任务协作,适合上线前核对权限、成本和资料质量。 DuckDuckGo AI Chat AI聊天 DuckDuckGo AI Chat 适合重视隐私的普通用户使用,围绕隐私 AI 聊天、免账户使用和多模型问答提供对话式 AI 支持和任务协作能力,适合上线前核对权限、成本和资料质量。 Goody-2 AI聊天 Goody-2 是以极端安全和伦理对齐为特色的 AI 聊天助手,常用于观察模型拒答边界、内容安全策略、保守输出体验和 AI 风险讨论,更适合作为安全边界样本使用前应理解它偏实验性质,不适合。