AI 后台 Agents

Calicat AI 后台 Agents 允许你通过在画布上发评论并 @Calicat AI 的方式，将设计任务交给 AI 在后台异步执行。这意味着你无需停留在浏览器前等待 AI 完成设计，可以同时发布多个任务，显著提升设计效率。

核心优势

• 异步执行：发布任务后即可离开，AI 会在后台完成设计。
• 并行处理：支持一次性发布多个不同的设计任务。
• 上下文感知：AI 能准确理解你评论所在的页面或位置，减少沟通成本。
• 一键应用：设计完成后，点击评论中的按钮即可将结果应用到画布。

如何发布任务

1. 切换到评论工具

在顶部工具栏点击评论图标，或者按下快捷键 M。

2. 在画布上创建评论

• 设计新页面：点击画布上的空白区域。
• 编辑已有页面：将鼠标移动到目标页面上（页面会出现 Hover 高亮效果），点击创建评论。

3. @Calicat AI 并提交需求

在评论输入框中输入 @Calicat AI，随后写下你的设计需求（例如：@Calicat AI 设计一个 SaaS 登录页 或 @Calicat AI 为这个页面增加一个中优先级模块）。

点击发送后，AI 会立刻回复“任务已创建”。

并行任务与效率

你可以像给同事提需求一样，在文件的不同位置发布多条评论。例如：

• 在空白处：@Calicat AI 基于项目需求文档生成首页设计
• 在页面 A：@Calicat AI 优化此页面的文案
• 在页面 B：@Calicat AI 将此页面的表单改为两列布局

AI 会同时开始处理这些任务。你可以继续进行其他工作，或者关闭文件，稍后再回来查看结果。

查看与应用设计

1. 结果提醒

当 AI 完成任务后，评论锚点会变为未读状态。你也可以在左侧的评论列表中看到未读提醒。

2. 预览结果

点击评论锚点展开，你可以看到 AI 提供的设计总结。如果任务涉及编辑现有页面，AI 会在评论中展示编辑后的效果预览。

3. 应用设计

点击评论中的 「应用设计」 按钮：

• 如果是设计新页面：AI 会在画布空白处渲染出新页面。
• 如果是编辑已有页面：AI 会直接在原页面上完成修改（你也可以通过 ⌘ Z 随时撤销）。

进阶技巧

• 精准定位：在已有页面上点击发评论时，AI 会自动获取该页面的所有图层信息作为背景，因此你不需要在评论中重复描述页面背景。
• 引用文档：你可以在评论中要求 AI 查找并参考当前文件中的需求文档卡片的标题（前提是当前文件中已经创建了此需求文档卡片），实现基于文档的精准设计。
• 迭代修改：如果 AI 的初次设计不符合预期，你可以直接在同一条评论下方继续回复 @CalicatAI 并提出修改要求。