扣子（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 官网的示例文件，把链接发到扣子空间。大家看看扣子的还原度。
基本上，跟设计稿很接近，还原度非常高。所以，如果有设计稿原始文件，通过 AI 工具，完全可以替代手工开发。
这属于高级功能，国内其他 AI 工具，我好像没见过，在 V0 也是需要付费的。
预览生成后，扣子空间提供了可视化编辑，修改起来相当方便。
先在预览界面，打开”编辑”按钮。
然后，选中页面元素，就会跳出 AI 对话框，你可以用自然语言编辑。
选中按钮后，我要求 AI 将按钮的背景色改成绿色（上图），提交后就会重新生成代码（下图）。
下面我直接用自然语言，跟 AI 描述需求，让它生成网站。
我让它生成一个待办事项（Todos）应用。
“生成一个蓝色主题的待办事项列表应用，并实现编辑功能，可以编辑列表任务。”
扣子空间就开始自动完成页面设计、代码编写、服务器部署，最后给出了下面的效果。
这个页面还可以部署成可访问的链接，向外部用户公开。
扣子 Coze 教程
我觉得，效果相当不错，各项操作（添加任务、编辑任务、删除任务）都没报错，一次生成就能运行，该有的按钮也都有。
这真的超出了我的预料，是不是扣子对常见任务做过特别训练？
理论上，网站生成不需要专业知识，零基础用户就能生成全站。实际操作也确实是这样，就算出现报错，也可以交给 AI 处理。但前提是只限于简单互动的网站，如果需要 JS 脚本处理复杂交互，就很可能出现 AI 解决不了的报错。
上面就是初步的使用感受。
我感到，扣子空间的网页设计功能虽然刚上线，但是完成度很不错。
它的三个重点功能—-设计稿/截图还原、可视化编辑、网站生成—-相当好用，生成质量完全可以接受，加上免费，我觉得很有竞争力。
它同样也有一些使用限制。
（1）没有命令行窗口。如果你不需要 UI，只让它生成后端代码，它没有提供命令行，无法测试。
（2）未集成 GitHub。它无法将代码直接跟 GitHub 同步，只能先下载到本地，再手动推送到 GitHub。
（3）不适合复杂的状态管理。它的强项是 UI 生成，不适合复杂的状态管理和交互逻辑。
总体上，这次更新让扣子空间变得更有用了，除了早先的聊天功能、办公功能，现在又增加了网页设计，实用性更强，常见的 UI 开发任务（生成网页和组件、完成原型设计），完全可以考虑用它。
（完）
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/259642.html原文链接：https://javaforall.net
