Canva Brush：它是什么、如何使用它以及如何将设计转化为代码2 min read

Canva Brush 是 Canva 用于编辑设计的新 AI 模型，于 2026 年 10 月 29 日发布。Canva Craft 于一周前推出，可生成图像。 Brush 适用于已经存在的设计：它读取布局，然后应用您要求的更改，无论是一行副本还是幻灯片中的每张幻灯片。它从 Canva AI 内的 Canva Pro 订阅者开始，“即将推出”更广泛的可用性，Canva 表示，与之前的设计代理相比，每个编辑任务的速度提高了 69%，成本降低了 46%。

本指南适用于在 Canva 中进行大量编辑并希望了解 Brush 发生了什么变化、如何打开它、如何提示它以使其仅更改您的意图的设计师、营销人员和创始人，以及当完成的设计必须成为真正的网站或应用程序时该怎么做。对于生成方面，请参阅我们的指南 Canva Craft。

当 Canva 设计准备好作为页面发布时， Anima Playground 将图像或 Figma 链接转换为可用的响应式应用程序，您可以继续使用 AI 进行编辑。

使用 AI 直接在代码中进行设计

使用 AI 进行设计：描述屏幕或将 Figma 设计转化为代码。

Canva Brush是什么？

Canva将Brush描述为一种视觉语言设计模型，由该公司拥有 160 人的人工智能实验室Canva Research构建。 “视觉语言”意味着它同时吸收页面的图片和您的文字。 Canva 表示它会看到您的设计，了解其组合方式，并进行您要求的更改。用 Canva 的话说，最困难的部分不是生成设计，而是编辑设计：模型必须知道要更改哪些内容，以及哪些内容必须保持原样，否则一个简单的请求会变成一堆您从未要求的更改。

在幕后，Canva说Brush使用代理循环。它编写并运行代码来调整设计元素，然后检查页面以决定下一步。它所做的一切都保持正常的Canva设计，因此文本、图像、颜色和布局仍然可以手动编辑。在产品中，Canva AI的模型菜单列出了 Core，“我们的全方位设计模型”，以及Brush，标记为 Beta，“我们最新最快的编辑模型”。

Canva Brush 与 Canva Craft 有什么不同？

他们解决同一个工作的不同部分，并且Canva将它们构建为可以一起工作。

Canva自己的路线是Craft生成图像，Brush围绕它完善设计。在实践中，您可以使用 Craft 生成英雄图像，将其放入布局中，然后使用 Brush 重新设置页面样式、更改整个平台的标题或调整其大小以适应另一个频道。

如何在 Canva AI 中使用 Canva Brush？

1. 打开设计。 在编辑器中打开现有设计，或者附加或链接到 Canva AI 中的设计。
2. 选择型号。 在Canva AI中，打开模型菜单并选择Brush。 Canva 表示要执行此操作，以便 Brush 为您提供完整的编辑体验。
3. 描述一项变化。 写下要更改的内容，以及同样重要的要保留的内容。
4. 回顾一下发生了什么变化。 查看每一页，尤其是文本和间距。
5. 当速度更快时用手接管。 您可以继续通过Canva AI进行指导或随时切换回编辑器。

Canva 建议三项起始工作：重新设计图像或设计，例如更改配色方案、天气或氛围；对多页面设计进行一项更改；并重新混合另一个频道的设计，例如将演示幻灯片变成 Instagram 图形。 Canva 表示，Brush 在内部测试中在重新设计样式和使设计适应不同格式方面做得特别好。

您应该如何提示Brush，以便它只改变您的意思？

Canva自己对编辑为何困难的解释也是最好的提示建议：模型必须知道要保留什么。它的示例提示以简单的语言执行此操作。一张启动图片显示“您能否将所有幻灯片的字体更改为更优雅”。另一位要求将产品设计变成限量版万圣节风味，“保持感觉不变，但要享受角色和名字的乐趣。”我会把每一个编辑写成四行。

更改：将标题和页脚中的日期“11 月 14 日”替换为“11 月 21 日”。
保持：其他一切都保持原样，包括布局、字体、颜色、图像和间距。
范围：本设计的每一页。
检查：告诉我您更改文本的每一页，以便我可以查看它们。

该模板是我的建议，而不是Canva的。尝试它的原因是它将一个模糊的请求变成一个有界的请求，并且它给你一个列表来验证。 Canva表示Brush在内部测试中的大多数编辑任务中达到或超过了之前设置的质量，这是一个好兆头，也提醒我们“大多数”并不是“全部”。对于任何带有法律文本、价格或日期的内容，请阅读结果。

Canva Brush 更快更便宜多少？

Canva 表示，与 Canva 之前的设计代理相比，Brush 在发布时，一般设计编辑任务的速度提高了 69%，每个编辑任务的成本降低了 46%。 Canva 认为节省成本是可以为更多人提供更强大的Canva AI体验的原因。启动图表显示了两个没有绝对值的比较，因此没有秒数或分数可供引用。

将这些视为 Canva 对其早期代理的测量结果。他们不会将 Brush 与任何其他公司的模型进行比较，也不会告诉您第一次编辑正确的频率。

Canva Brush 还不能做什么？

• 它还不适合所有人。 专业订阅者首先获得它。 Canva尚未给出其他计划的日期。
• 这是第一个版本。 Canva 列出了 Brand Kit 支持、引用附件的能力以及正在进行的工作中更好地处理图像密集型布局。
• 它住在Canva AI。 Canva的帖子在Canva编辑器和Canva AI中描述了Brush。它没有提及 Claude 和 ChatGPT 使用的 Canva 连接器，因此不要假设 Brush 编辑在那里可用。
• 它编辑 Canva 设计。 结果是 Canva 设计。公告中没有任何内容将其转化为代码或网站。

如何将 Canva 设计转化为代码？

这是完成的设计和实际页面之间的差距。 Brush 设计正确。仍然需要有人来建造它。如果设计是在网站、应用程序屏幕或登陆页面上进行，这是我使用 Anima Playground 采取的路线。

1. 在Canva中完成编辑。 检查每个页面，然后使用“共享”、“下载”并选择 PNG 作为您要构建的页面。 Canva的帮助中心还列出了其他文件类型。
2. 将图像上传至Anima Playground。 将其拖入提示框，或使用聊天中的图像图标。
3. 说说它是什么。 告诉Anima图片是登陆页面、仪表板还是移动屏幕，以及哪些内容应该是可点击的。
4. 生成，然后通过聊天进行完善。 Anima 将布局重建为响应式 HTML 或 React，文本和图像资源分开，以便您可以预览它、请求更改以及发布或导出代码。

将此图像转换为响应式登陆页面。保留图片中的布局、颜色和字体。
顶部按钮应滚动到定价部分。这三张卡片应该是链接。
使用真实的文本，而不是文本的图像。让它在移动设备上运行。

清楚这是什么。 Anima 根据图片进行操作，因为常见的 Canva 下载，例如 PNG、JPG 和 PDF 都是平面图像或文档。它从图像中读取布局、文本、资源和样式并重建它们，您应该期望改进第一个版本，就像任何图像到代码的工作流程一样。如果设计也位于 Figma 中，请将 Figma 链接粘贴到同一个框中，而 Anima 则从真实图层开始工作。我们的 图像到代码指南 涵盖如何准备干净的图像，以及指南 复制完整的网站 在更大的作业上显示相同的提示框。

什么时候应该使用 Brush、Craft 或 Anima？

• 使用Brush 当设计存在并且需要更改时：重写整个平台、新的颜色方向、调整另一个通道的大小。
• 使用Craft 当您需要新图像时：英雄、海报、带有文字的社交卡。
• 手动使用Canva的编辑器 对于像素级工作、品牌关键细节以及任何 Brush 都会稍有错误。 Brand Kit 尚不支持 Brush。
• 使用Anima Playground 当设计必须成为工作页面或应用程序，而不是导出的文件时。

如果您本周尝试Brush，请从具有重复元素的设计开始，例如一组或一组社交帖子，然后对所有元素进行一次有界编辑。这就是 Canva 所说的最强的地方，这是查看模型是否尊重您告诉它保留的内容的最快方法。