一、

扣子（coze.cn）者，字节旗下最难定名之产也。

其位为智能体（AI agent）之台，可开/运诸AI之用。此谓，AI所能为，皆其所能。

然，AI日进，故扣子之形亦随之变。

初时，扣子向于程序员，为开发之台。其有工作流模式，于图形界面上拖拽节点，定义AI工作之流，生应用。

然未几，复推出"扣子空间，向寻常之众，以自然之语，唤其内置诸般智能体。

吾尝为之。评骘，视之若案牍之助，成诸般事（PPT之制、游历之图之规、撰研报之文等），纯乎愚氓之操。

然未料，昨日吾偶得之。扣子空间既入网页之设，复为 UI 之器，若内藏 V0。

二、

V0乃最早且今之最著名之网页设计、生成之AI工具也。用户述其所欲之网站，则其为之。

今次，扣子空间引此功能，复增一产品之形----网页设计之器。

今者，子可于钮中，营制网页。且此乃免费之务，有安卓之客（已出），iOS之客（待出），可于手机操持。

此闻甚诱人。吾试之，如摄图复现、立网之制，尤以Figma之稿复现，观其果能与否。

下即吾试之得。

三、摄图复现

吾首试摄图复现，上摄网页之图，令其书页。

钮之网页设计之能，必启钮之"网页"钮。

吾上airbnb之首页摄（下图），并入"将此摄复为网页"。

系统示之，需三至五分思之，代码于页右徐生。

少顷，代码既成，转至预览之页，其下即所成之页也。

此初成之果，未尝调适，吾以为还原尚可，页面之构、各域之复，皆得其宜。

吾已分享之，此页与全AI之语，诸君点击入之，可睹其晰效。

尤可道者，扣子所成者乃React+Tailwind之项目，可尽下载于本地，以npm运之。如是，后之手工较便。

四、Figma设计稿还原

扣子之境，真杀招在于Figma设计稿成网页。

其法先于提示框中，点击下方之Figma按钮。

网页则示之，输入Figma之链。

此链如何得之？于Figma之网站工作区，选中一页，启右键菜单，曰"复制粘贴/复制选区链接"（下图），如是便可。

吾择一Figma官网之示例文件，发链于扣子空间。诸君观扣子之还原度。

大抵，与设计稿甚近，还原度至高。是故，倘有设计稿之原始文件，藉AI之工，完全可以代手工开发。

此乃高级之能，国内他之AI工具，吾未尝见，于V0亦需付费。

五、可视化编辑

预览既成，扣子之域供可视化编辑，修改甚便。

首于预览之界，启"编辑"之钮。

继而，择页面之素，即现AI之话匣，可以自然之语编辑。

择钮既定，吾命AI易钮之背景为绿（上图），呈之则代码重生（下图）。

六、零基生成网站

下吾直以自然之语，告AI需求，令其生成网站。

吾命其生一待办事项（Todos）之应用。

"制一蓝调待办之应用，并成编辑之能，可更易列事。"

扣子之域，遂自为之页设、码撰、服布，终示下之效。

此页亦可布为可通之链，示于外者。

吾以为，效颇佳，诸务（加事、更事、除事）皆无谬，一成即行，应具之纽亦具。

此诚出乎吾之料，扣子岂对常务有特训耶？

夫理之所在，建网无需专长，愚夫稚子皆可成之。然实践亦然，纵遇谬误，亦可委诸智械。惟其限于简易交互之网耳。若需 JavaScript 脚本以驭繁复交互，则谬误或非智械所能解。

七、结语

前述即初试之感。

吾心以为，扣子之域网页设计之能，虽初启，然成度甚佳。

其三要之能——设计稿/截图还原、可视编辑、网站生成——甚为得用，成之质亦可受，兼之免费，吾以为其竞争力甚强。

然亦有其局限。

（1）无命令行之窗。。若汝无需 UI，惟欲生后端代码，则其未设命令行，不可试之。

（2）未集 GitHub。其不能直将代码与 GitHub 同步，须先下载于本地，再手动推之。

（3）非宜于复杂之状态管理。其长于生 UI，不适于复杂之状态管理及交互之理。

总体而言，此番更新使扣子空间更为有用，除早先之聊天、办公功能外，今更增网页设计，实用愈强，凡常见之 UI 开发任务（生成网页及组件、成原型设计），皆可考虑用之。

（完）