导读：Cursor 更新了一个实用功能。这次，它把可视化编辑器直接塞进了浏览器里，让做 Web 产品的团队可以在一个环境里完成设计、修改、预览和写代码，效率显著提升。

Cursor 上线了一个新能力：在 Cursor Browser 内推出可视化编辑器。

这个功能已经向所有用户全面开放，不设白名单，也不做灰度。它重点面向 Web 开发者和产品团队，尤其对使用 React 技术栈的项目更为友好。

在这次更新中，Cursor 把设计工具的一整套交互方式搬进了浏览器。用户可以直接对正在运行的 Web 应用进行操作，包括拖拽式布局编辑、侧边栏实时调整组件属性，甚至可以使用自然语言来描述想要的修改，由系统自动完成变更。

更关键的是，这套可视化工具并不是停留在“演示层”。Cursor 通过底层的编译与联动机制，实现了可视化操作与代码库的自动同步。用户拖动一个组件、改一个属性，背后的源代码会即时更新，无需再手动切换窗口去对照代码修改。

借助 AI Agent 的自动修改与补全，这套编辑器进一步减少了反复切换工具、处理低价值操作的时间。早期开发者反馈称，这种“所见即所得 + 自动写代码”的体验，让原型搭建和功能迭代都快了不少。

这次的可视化编辑器上线后，它进一步强化了从设计到工程的一体化开发流程，也让其在面向 Web 应用的可视化开发平台中具备更强竞争力。

参考资料：https://cursor.com/cn/blog/browser-visual-editor