按钮一指，说声“修复这里”，Cursor 的 Design Mode 终于让视觉说话

Cursor 一直在悄然重塑 AI 驱动的 IDE 的可能性。聊天窗口很方便，但设计工作具有空间性。开发者看到对齐错误的按钮，设计师发现间距问题，产品经理注意到缺失的状态，他们的第一反应是去指，而不是打字。 the-subtle-trap-waiting-for-ai-agents-in-production

该公司今天宣布的 Design Mode 最新更新，将这种本能变成了工作流程。用户无需将视觉问题转化为文本提示，而是可以点击任何元素、在页面上画圈或通过语音描述更改。代理获得修改代码所需的上下文，而用户可以继续下一个修复任务。 cursor-expands-team-marketplaces-with-mcp-servers-and-org-group-access

"发现与修复之间的循环变得更短，"该团队在博客文章中写道。"你可以在不离开运行中产品的情况下，精确指定你正在讨论的界面部分。"

不仅仅是一个提示

核心思想是，文本指令会丢失太多信息。一位说“上移那个卡片”的设计师，会让代理猜测是哪个卡片、移动多少、相对于什么。Design Mode 通过在选择元素时向代理提供两个互补信号来避免这种歧义：元素的身份（xpath、组件、属性、计算样式、Fiber 树属性）以及用于空间上下文的屏幕截图（布局、周围元素、精确的页面状态）。

用户可以同时选择多个元素，当更改依赖于它们之间的关系时，这很有用。在页面上画圈是另一种选择：圈出杂乱的部分、框出一个区域、或标记动画页面的某部分。注释会覆盖在视口的冻结图像上，以便代理准确看到用户反应的内容。

语音输入也是此版本的新功能。这种组合意味着用户可以指向、画圈和说话来描述修改，这三种模态一起携带的信息远多于纯文本提示。 openais-new-gpt-live-1-wants-to-talk-not-just-take-turns

模型与节奏匹配

Design Mode 旨在处理前端工作快速迭代的特性。调整一个组件的开发者会立即注意到其周围的间距，然后看到另一个组件应如何适应。新模式允许用户排队进行多项更改：指向一个元素，描述修复，移动到页面的另一部分，在第一个修复完成前发送另一个修改。多个子代理并行运行，每个处理其分配的任务。

这种工作流最适合能快速应用有针对性的更改的模型。Cursor 推荐其 Composer 2.5 模型完成此任务，描述其“既快速又高度适用于 UI 工作”。随着代理完成工作，应用程序热加载，更改立即出现在运行中的产品中，用户可以继续迭代直到界面看起来正确。 anthropic-launches-claude-sonnet-5-a-new-frontier-in-agentic-ai-at-lower-cost

缩小视觉差距

Design Mode 是 Cursor 内部更广泛努力的一部分，旨在减少用户所见与代理所理解之间的距离。该公司认为，软件开发的未来涉及在更高抽象层次和更低级细节之间流畅移动，同时保持流动状态。

"Design Mode 为用户提供了控制权、自主性和精确的编辑工具，使这成为可能，"该团队写道。

此更新现已可在 Cursor 浏览器的代理窗口中使用。对于花时间调整 UI 的开发者来说，这是一个小改动，但效果显著：代理终于看到了他们所指的内容。 why-metas-muse-spark-signals-a-strategic-pivot-in-generative-media