Canva 上线 Canva Code 2.0:生成快 75%,支持导入 HTML 与拖拽改代码
Canva 正式面向全部用户开放 Canva Code 2.0,将代码生成速度提升 75%,从提示词到发布的中位耗时缩短 30%。新版支持导入外部 HTML,用户可以直接在熟悉的拖拽界面里修改文本、图片与品牌配色。最值得关注的是,它让 Vibe Coding 摆脱了千篇一律的粗糙原型感,普通人也能轻松发布精致的交互网页。

用自然语言写代码的「vibe coding」火了大半年,但对多数人来说,最头疼的往往不是生成代码,而是生成出来的东西长得千篇一律,改个按钮位置或换个品牌色还得跟 AI 来回拉扯半天。
Canva 正式向所有用户推出 Canva Code 2.0,涵盖免费版、Pro、企业版以及教育版。官方表示,这一版将代码生成时间缩短了 75%,从输入提示词到最终发布的平均耗时也减少了 30%。
像改幻灯片一样改网页代码
这次更新最关键的变化,是把 AI 生成的代码放进了 Canva 自己的拖拽式编辑器里。
如果你以前在别的 AI 助手里写过网页,Canva Code 2.0 现在支持直接导入 HTML 代码,导入后会自动转换成可编辑的设计稿,不需要从零重敲。
在编辑界面里,用户可以直接点击修改文字、套用自己的品牌色和字体,或者从平台自带的 1.2 亿设计素材库里拖拽替换图片。当然,你也可以选中某个具体组件,继续用自然语言让 AI 去微调。
官方这次还配套上线了 50 多个交互模板。你生成的网页或交互体验可以直接嵌入到 Canva 的白板、演示文稿或单页设计里,并且会自动适配不同屏幕尺寸,支持移动端实时预览。
在发布环节,用户可以选择直接绑定自定义域名、使用 Canva 提供的免费域名,或者通过单点登录(SSO)在企业内部私密共享。
Canva 透露,自一年前推出第一代 Canva Code 以来,社区用户已经制作了超过 600 万个站点,涵盖班级公告栏、房产展示页和小游戏等场景。平台目前月活用户超过 2.65 亿,其 AI 产品的累计使用次数已突破 320 亿次。
为什么重要
我们认为,Canva 这次切入代码生成的角度非常聪明。它没有去卷底层模型的代码编写能力,而是盯上了当下 AI 编程工具最大的痛点:视觉控制力极差。
现在市面上的许多编程助手能帮你跑通功能,但只要涉及前端排版、字体和品牌调性,用户就得陷入无休止的提示词调试中。Canva 实际上是把代码输出物变成了普通图层,让不懂代码的设计师或运营人员用最熟悉的拖拽方式搞定最后一公里。
对于小微企业、教师和自由职业者来说,这是一个非常实用的轻量级工具。如果你只是需要做一个活动报名页、内部数据收集表单或简单的产品展示原型,现在完全不需要找外包或折腾 GitHub。
不过它的边界也相当明确。从目前公开的用例来看,Canva Code 主要面向静态展示、简单交互与轻量级表单,如果业务涉及复杂的后端逻辑、数据库交互或严格的安全性要求,它显然无法替代真正的软件开发流程。它更像是一个给设计人群准备的交互式内容制作器,而不是专业开发者的生产力工具。
来源 (1)
- canva.com(在新标签页打开)原文canva.com