字节旗下的扣子（coze.cn）平台近期新增了强大的网页设计功能，使其从一个智能体开发平台扩展为一个集聊天、办公、网页设计于一体的综合性AI应用。用户可以通过自然语言描述需求，实现网站的零基础生成，甚至能够将截图或Figma设计稿高效还原成可运行的React+Tailwind项目。该功能不仅免费提供，还支持可视化编辑，大大降低了网页开发门槛。虽然在复杂交互和代码管理方面存在一些限制，但对于常见的UI开发任务，扣子空间已展现出极高的实用性和竞争力。

💡 扣子空间新增网页设计功能，拓展了其作为AI应用平台的能力边界。用户可以通过自然语言描述需求，实现从零开始的网站开发，甚至能将网页截图和Figma设计稿转化为可用的代码项目（React + Tailwind），极大地降低了网页开发的门槛。

🎨 扣子空间提供了高效的可视化编辑功能，允许用户在预览界面直接选中页面元素，并通过AI对话框使用自然语言进行修改，如更改按钮颜色等，随后AI会自动重新生成代码，使得网页调整更加便捷灵活。

🚀 该平台支持将生成的网站部署为可访问的链接，供外部用户访问，并且在生成待办事项列表等常见应用时表现出色，实现了添加、编辑、删除等基本功能，一次生成即可运行，显示出对常见任务的优化。

⚠️ 尽管扣子空间在网页设计方面表现出色，但也存在一些局限性，例如不支持命令行窗口进行纯后端代码测试，无法直接与GitHub同步代码，以及在处理复杂状态管理和高级交互逻辑方面能力有限，更适合UI生成和原型设计等任务。

一、

扣子（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 开发任务（生成网页和组件、完成原型设计），完全可以考虑用它。

（完）