扣子空间网页设计,是在挑战 V0 吗?

作者: 阮一峰

日期: 2025年7月24日

一、

扣子(coze.cn)大概是字节旗下最不好定义的产品。

它的定位是智能体(AI agent)平台,可以开发/运行各种 AI 应用。这意味着,AI 可以干的事情,它都能做。

但是,AI 一直在进化,所以扣子的形态也一直在变。

一开始,扣子是面向程序员的开发平台。它有工作流模式,在图形界面上拖拉节点,定义 AI 工作流,生成应用。

但是不久后,它又推出了"扣子空间",面向普通用户,使用自然语言,调用它内置的各种智能体。

我写过测评,把它当成办公助手,完成各种任务(PPT 生成、旅游地图规划、写研究报告等),完全是傻瓜式操作。

可是没有想到,昨天我发现,扣子空间加入了网页设计,又变成了 UI 工具,很像内置了一个 V0。

二、

V0 是最早的、也是目前最有名的网页设计/生成方面的 AI 工具。用户描述想要什么网站,它来实现。

这一次,扣子空间引入了这个功能,让自己又多了一种产品形态----网页设计工具。

现在,你完全可以在扣子里面,进行网页开发。而且,它是免费服务,并有安卓客户端(已发布)和 iOS 客户端(待发布),可以在手机上操作。

这听上去很吸引人。我试了一下,比如截图还原和网站生成,尤其是 Figma 设计稿的还原,看看它到底行不行。

下面就是我的试用体会。

三、截图还原

我首先测了截图还原,上传一张网页截图,让它把页面写出来。

扣子的网页设计功能,必须打开扣子空间的"网页"按钮。

我上传了 airbnb 的首页截图(下图),并输入"把这个截图还原成网页"。

系统提示,需要3到5分钟思考,代码在页面右侧滚动生成。

几分钟后,代码生成完毕,切换到预览页,下面就是它生成的页面。

这是第一次生成的结果,没有经过调整,我觉得还原度还可以,页面结构和每个区域都正确复刻出来了。

分享出来了,这个页面和整个 AI 对话,大家点击进去,可以看清晰效果。

值得一提的是,扣子生成的是 React + Tailwind 项目,可以整个下载到本地,用 npm 运行。这样的话,后期的手工处理比较方便。

四、Figma 设计稿还原

扣子空间的真正杀招是从 Figma 设计稿生成网页

具体做法是先在提示框,点击下方的 Figma 按钮。

网页会提示你,输入 Figma 链接。

这个链接怎么得到呢?在 Figma 网站的工作区,选中一个页面,打开右键菜单"复制粘贴/复制选区链接"(下图),就可以了。

我选了一个 Figma 官网的示例文件,把链接发到扣子空间。大家看看扣子的还原度

基本上,跟设计稿很接近,还原度非常高。所以,如果有设计稿原始文件,通过 AI 工具,完全可以替代手工开发。

这属于高级功能,国内其他 AI 工具,我好像没见过,在 V0 也是需要付费的。

五、可视化编辑

预览生成后,扣子空间提供了可视化编辑,修改起来相当方便。

先在预览界面,打开"编辑"按钮。

然后,选中页面元素,就会跳出 AI 对话框,你可以用自然语言编辑。

选中按钮后,我要求 AI 将按钮的背景色改成绿色(上图),提交后就会重新生成代码(下图)。

六、零基础生成网站

下面我直接用自然语言,跟 AI 描述需求,让它生成网站。

我让它生成一个待办事项(Todos)应用。

"生成一个蓝色主题的待办事项列表应用,并实现编辑功能,可以编辑列表任务。"

扣子空间就开始自动完成页面设计、代码编写、服务器部署,最后给出了下面的效果

这个页面还可以部署成可访问的链接,向外部用户公开。

我觉得,效果相当不错,各项操作(添加任务、编辑任务、删除任务)都没报错,一次生成就能运行,该有的按钮也都有。

这真的超出了我的预料,是不是扣子对常见任务做过特别训练?

理论上,网站生成不需要专业知识,零基础用户就能生成全站。实际操作也确实是这样,就算出现报错,也可以交给 AI 处理。但前提是只限于简单互动的网站,如果需要 JS 脚本处理复杂交互,就很可能出现 AI 解决不了的报错。

七、总结

上面就是初步的使用感受。

我感到,扣子空间的网页设计功能虽然刚上线,但是完成度很不错

它的三个重点功能----设计稿/截图还原、可视化编辑、网站生成----相当好用,生成质量完全可以接受,加上免费,我觉得很有竞争力。

它同样也有一些使用限制。

(1)没有命令行窗口。如果你不需要 UI,只让它生成后端代码,它没有提供命令行,无法测试。

(2)未集成 GitHub。它无法将代码直接跟 GitHub 同步,只能先下载到本地,再手动推送到 GitHub。

(3)不适合复杂的状态管理。它的强项是 UI 生成,不适合复杂的状态管理和交互逻辑。

总体上,这次更新让扣子空间变得更有用了,除了早先的聊天功能、办公功能,现在又增加了网页设计,实用性更强,常见的 UI 开发任务(生成网页和组件、完成原型设计),完全可以考虑用它。

(完)

留言(13条)

阮老师,我通过您的介绍试了这个功能,只是界面看起来可以,但是实际的JS交互逻辑等很多情况还是有问题,且存在功能未实现就交付的情况,还是不好用

最近刷到好几个说这个扣子空间的,不过还没有去折腾过

扣子空间最大的问题是,调用的各种别人开发的插件,没有版本控制,这意味着,一旦插件发生变动,而你工作流里有引用,就会受影响,甚至如果插件下架了,你还要重新调整。

为什么豆包、扣子都是免费呢?是靠用户量上来了收集的用户数据吗?感觉豆包太火了,尤其是“让图片动起来”的功能

其实真的,我感觉到计算机行业会有巨大变动的。没有真正深入研究过AI,才会说AI替代不了程序员。真的引用三体的一句话,弱小和无知不是程序员职业的障碍,傲慢才是。

引用id17的发言:

为什么豆包、扣子都是免费呢?是靠用户量上来了收集的用户数据吗?感觉豆包太火了,尤其是“让图片动起来”的功能

等功能稳定和完善好之后,再面向B端收费,现在用户是小白鼠,试试水,到时候就会有pro版

引用独元殇的发言:

其实真的,我感觉到计算机行业会有巨大变动的。没有真正深入研究过AI,才会说AI替代不了程序员。真的引用三体的一句话,弱小和无知不是程序员职业的障碍,傲慢才是。


确实,虽然 ai 现在还只能完成一些简单的编程任务,但是随着硬件发展,算力提升,早晚有一天 ai 能前后端、数据库,部署一把梭,这是可以预见未来一定会实现的,甚至感觉 ai 有一天能自运行、自维护一个庞大的、复杂的项目,甚至是维护 ta 自己

引用直白的少年的发言:

扣子空间最大的问题是,调用的各种别人开发的插件,没有版本控制,这意味着,一旦插件发生变动,而你工作流里有引用,就会受影响,甚至如果插件下架了,你还要重新调整。

统一,这要是目前几乎所有智能体编排平台都存在的一个隐患

引用毛小星的发言:

确实,虽然 ai 现在还只能完成一些简单的编程任务,但是随着硬件发展,算力提升,早晚有一天 ai 能前后端、数据库,部署一把梭,这是可以预见未来一定会实现的,甚至感觉 ai 有一天能自运行、自维护一个庞大的、复杂的项目,甚至是维护 ta 自己

是不是之后ai就能自我迭代了,到时候人类估计就变成《机器人总动员》里面的样子了。

引用王旭东的发言:

阮老师,我通过您的介绍试了这个功能,只是界面看起来可以,但是实际的JS交互逻辑等很多情况还是有问题,且存在功能未实现就交付的情况,还是不好用

感觉做个快速的原型还是比较合适的

引用Funny的发言:

感觉做个快速的原型还是比较合适的


做简单的可以,复杂的项目感觉要写很复杂的描述吧,后期维护迭代不知道会不会解决一个bug产生新的bug?

感觉给一些犯罪份子带来不错的玩意,制造假网站骗钱...

引用毛小星的发言:

确实,虽然 ai 现在还只能完成一些简单的编程任务,但是随着硬件发展,算力提升,早晚有一天 ai 能前后端、数据库,部署一把梭,这是可以预见未来一定会实现的,甚至感觉 ai 有一天能自运行、自维护一个庞大的、复杂的项目,甚至是维护 ta 自己

那真是那样,我就把电路板插销拔了

我要发表看法

«-必填

«-必填,不公开

«-我信任你,不会填写广告链接