Cursor Canvases:AI 现在能给你画界面了
Cursor Canvases:AI 现在能给你画界面了
基于已整理草稿生成的网页版文章,适合先稳定落地,再做局部润色与发布检查。
如果你用 Cursor 写代码,过去 AI 的输出只有两种:文字解释,或者代码片段。但 4 月 15 日发布的新功能 Canvases,让 AI 多了一种输出方式——直接生成可交互的界面。
Canvases 是什么?
简单说,就是让 AI 不仅能写代码,还能"画界面"。
你可以让它创建一个数据仪表盘、一个调试面板、或者一个自定义的可视化工具。这些界面使用 Cursor 内置的组件——表格、图表、框、连线图,还有 dif f 和待办清单这类现成的模块。
在 Cursor 3.1 的 Agents Window 里,Canvases 是一个独立面板,和终端、浏览器、源码控制并列放在一起。它不会用完就消失,你可以随时切回去查看。
这有什么用?
举个例子。你让 AI 分析一个数据库的查询结果,以前你只能拿到一段文字或者一个 CSV。现在,AI 可以直接给你一个带筛选、排序功能的表格,或者一张交互式图表。
再比如调试。你可以让 AI 生成一个实时监控面板,显示某些指标的变化。这在排查问题时比盯着日志流要直观得多。
或者你在做原型。与其让 AI 先写一堆前端代码再跑起来,不如先让它画一个 canvas,你直接在界面上点一点,确认逻辑没问题,再让它把代码固化下来。
怎么用?
升级到 Cursor 3.1 后,在 Agents Window 或编辑器里,直接告诉 AI "创建一个 canvas" 就行。比如:
- "帮我创建一个表格,显示这个文件夹里所有文件的名称、大小和修改时间"
- "画一个柱状图,展示这组数据的分布"
- "做一个调试面板,显示最近 10 条日志,点击可以展开详情"
AI 会根据你的需求选择合适的组件,生成一个可以直接操作的界面。
有什么限制?
目前 Canvases 的组件库还在扩展中,复杂交互(比如拖拽、表单提交)可能需要手动调整。另外,这个功能主要在 Agents Window 环境下工作,传统的编辑器模式支持有限。
如果你主要用 Cursor 做代码补全,可能暂时感知不到变化。但如果你习惯让 AI 跑多轮任务、做复杂分析,Canvases 能让整个过程更可控。
小结
Canvases 的推出,意味着 Cursor 正在把 AI 从"代码生成器"变成"开发伙伴"。它能做的不再只是吐代码,而是帮你搭建工具、呈现结果。
对于开发者来说,这是一次体验升级——从"看文字想象结果"变成"直接看到结果"。
---
*信息来源:Cursor 官方 changelog*
参考来源
说明:该页面由基础模板稳定生成,后续可继续局部润色样式或补充模块,再进入发布检查。