AI 网页开发平台 Canva Code 2.0 上线:代码生成提速 75%,从提示到发布提速 30%

发布于

IT之家 7 月 15 日消息,Canva 昨日(7 月 14 日)发布公告,**宣布正式上线 Canva Code 2.0 版本,让完全不懂代码的用户通过聊天交互方式,直接做出互动网页、小游戏等。**

IT之家附上相关演示视频如下:

![Canva Code 2.0 视频演示](https://player.bilibili.com/player.html?bvid=bv1VTNe6NEzi&autoplay=0&page=1)

![Canva Code 2.0 展示图](https://img.ithome.com/newsuploadfiles/2026/7/2e80ecc0-6046-4bc6-95b7-6d97da6a4e72.png)

![Canva Code 2.0 另一个展示图](https://img.ithome.com/newsuploadfiles/2026/7/ffc078c9-b817-4400-bd78-eef33490f379.png)

定位方面,Canva Code 2.0 是一款 AI 氛围编程(Vibe Coding)平台,让用户构建并可视化编辑网站、应用及交互体验,最新版本结合创意控制与最新 AI 编程模型,进一步降低交互体验设计门槛。

![Canva Code 2.0 界面](https://img.ithome.com/newsuploadfiles/2026/7/392c2f61-d1c6-4154-8109-437796de40bb.png)

在交互方面,Canva Code 2.0 新增超过 50 个模板,用户可通过输入提示词、选择预设模板或导入 HTML(超文本标记语言)文件启动项目。HTML 导入功能支持用户直接导入在其他 AI 平台创建的页面代码,在 Canva 内继续编辑完善。

![模板选择示例](https://img.ithome.com/newsuploadfiles/2026/7/69d11c18-f8f3-4368-8ac4-08242e89eae4.png)

![编辑界面](https://img.ithome.com/newsuploadfiles/2026/7/1b57eb74-6577-41dc-9026-33d156a66921.png)

在编辑环节,Canva Code 2.0 支持实时协作,团队成员可同步处理同一项目。项目编辑器深度集成 Canva 现有工具及品牌套件,用户可像编辑常规 Canva 设计一样,手动调整代码生成的交互内容。代码生成速度提升 75%,从提示到发布速度提升 30%。

用户也可通过 Canva AI 以对话形式提示修改,编辑器支持从内置图库拖拽替换图片,通过工具栏更新颜色与字体,直接点击重写文本,也支持选中特定元素由 AI 进行细节优化。

---

原文链接:[点击查看](https://www.ithome.com/0/976/803.htm)

评论

暂无评论。