Usecase
An image being generated and shared inside a collaborative workspace beneath a vast planet

AI Canvas:实时生成图片,不用额外付费订阅

一句话,生成各种好看的图

Agent 时代,图像生成不只是「输入 prompt 出图」

市面上的 AI 生图工具很多。输入一段 prompt,等几秒,出一张图。大部分工具到这就结束了。

但在实际工作流里,生图只是第一步。你生了一张配图,想让它和代码配合。你生了一张 UI 素材,想让 Agent 基于它调整页面。你生了一张概念图,想让同事看看、改改、提点意见。

在传统流程里,这些环节是割裂的:生图工具出图,你下载图片,上传到别的地方,描述给 Agent 听,发给同事看。每一步都有信息损耗。

AI Canvas 是 Tutti · VM 的内置应用,把图像生成放在协作空间里。生成的图片天然就在 Room 里,人能看到,Agent 能引用,同事能讨论。

用的还是你已有的 Agent 订阅:比如 Codex。

AI Canvas 能做什么

人自己使用:AI 生成图像

你可以自己使用这个应用。在应用中输入文字描述,AI Canvas 就能帮你生成图像,比如品牌物料、电商素材、脚本分镜、人物 IP 形象设计、产品包装视觉等等。跟其他生图工具一样,但区别是:生成的图片直接留在 Room 里,成为工作实况的一部分(做好的了),你可以进一步引用。

Agent 可以调用:作为「skill」

通过 @ 调用,Agent 可以直接在对话窗口调用 AI Canvas 生成新图片,即拥有了生图「skill」。

如果想继续下一步,比如把图片放进你用 AI PPT 做好的 deck 里,就在 Agent 输出框 @ 引用 AI Canvas 里做好的图片,作为下一步工作的引用源。

实际使用场景

场景一:Agent 生成配图,另一个 Agent 引用

你让 Codex 调用 AI Canvas 生成一张产品配图。图片生成后留在 Room 里。

然后你切到 Claude Code 的对话框,输入 @,选择 AI Canvas 里的这张图,告诉 Claude Code:「基于这张配图调整首页布局。」Claude Code 直接拿到图片,调整页面布局和样式。

整个过程不需要你下载图片、上传图片、描述图片。@ 一下就完成了。

场景二:多人讨论图片方案

你和同事在做一个产品页面。你在 AI Canvas 里生成了三个方案图。

在群聊里 @ 引用这三张图,让同事投票。同事说「第二个不错」。你在 Agent 对话框里 @ 引用最终图,让 Agent 基于它写代码。

场景三:迭代式设计

你让 Agent 生成了一张电商物料图。看了觉得方向对但细节不行。你直接在 AI Canvas 里 @ 出这张图,让 AI Canvas 继续帮你改。

AI Canvas 和其他应用的联动

AI Canvas 不是孤立的生图工具,它和 Room 里的其他元素联动:

  • 和群聊联动:在群聊里 @ 引用 AI Canvas 的图片进行讨论。
  • 和 AI Doc 联动:在文档里 @ 引用 AI Canvas 的图片做配图。
  • 和原型设计联动:在原型设计中 @ 引用 AI Canvas 生成的产品宣传图,作为内嵌配图。
  • 和 AI PPT 联动:在演示文稿里 @ 引用、嵌入 AI Canvas 的图片。
  • 和 Agent 联动:任何 Agent 都可以通过 @ 调用 AI Canvas 或引用其产出物。

所有产出物都留在 Room 里,成为后续工作的上下文。

和独立生图工具的区别

独立生图工具AI Canvas
生成图片后需要下载图片天然在 Room 里
想让 Agent 用要手动上传和描述Agent 通过 @ 直接引用
想让同事看要截图发消息同事在 Room 里直接看到
修改后要重新分享修改实时呈现,Room 内所有人看到最新版;想对外分享,文件右键点分享、发送链接即可
和代码、文档、设计稿割裂和 Room 里所有产出物连接

核心区别不是生图能力本身,而是图像产出后的流转方式。在独立工具里,图片是一个孤立产物,需要人工搬运到工作流的下一个环节。在 AI Canvas 里,图片是 Room 上下文的一部分,所有人和所有 Agent 都能直接使用。

小结

AI Canvas 把图像生成放进协作空间。生成的图片不是终点,而是工作流的起点:人可以编辑、Agent 可以引用、同事可以讨论,所有操作都在同一个 Room 里完成。

不需要下载上传、不需要截图描述、不需要在工具间搬运。一个 @ 就能把图片送到工作流的任何环节。