从想法到原型，天工设计智能体正在补上Claude Design的中文场景

前几个月 Claude Design 的出现开始让大家意识到：AI 可以直接把想法变成界面，而且效果还挺好。

但还是那个老问题，国内用户用起来太费劲了，不仅账号可能说 Ban 就被 Ban，中文场景的适配和本土工作流都不太顺畅。

这两天我看到一直关注的天工，在他们国内版更新1个月后，收入翻了3倍，同时上线了新的设计工作流产品，天工设计智能体。在我看起来，它能弥补 Claude Design 的不足，把这套「想法→原型」的能力本土化。

*天工设计智能体首页

我整了个账号体验下来，感觉天工设计智能体的质量、速度、效果都不输 Claude Design。而且对设计小白更加友好，只需要给出想法、资料，它就能输出一个可随时修改、持续更迭的设计项目。

话不多说，直接上我的 Case。

小试牛刀：从海报到网页

首先，我试了一下它的图片设计能力，这是一切 UI 设计的基础。正好最近在策划邀请朋友们一起看世界杯⚽️，我就先做个海报。

进入天工设计智能体，新建项目后，然后直接上传参考图和提示词开跑。

*上传参考图和提示词

智能体会先根据要求列出设计计划，再选定设计方向、制定设计范式、规划页面结构，接着开始设计生成图片。

我还加上了一张之前做的像素风海报给它参考。

大概跑了5分钟，它在画布上给了我第一张图：

不得不说，这个画面复刻到了像素风的精髓，我给到的信息也都完整显示了。

海报里它还自己预测了半决赛的队伍，拭目以待它说的对不对吧。

我仔细一看，发现这还不是一张静态的海报，而是有星星闪烁的 html。这细节也是拉满了。

*生成的世界杯看球邀约海报

不过这次我还是发现了一点 Bug，比如像素小人头像没有生成成功，时间地点也有一点小错误。

于是我在对话框里修改了一轮，让它生成像素小人，然后改成北京时间。出于私心，我还增加了梅西的形象hh。过了大概2分钟，它把要素补齐了，像素小人和球星本人非常神似。这一轮修改的结果，我很满意。

试完图片生成，接下来我进阶一点，让天工设计智能体设计旅游攻略网站。这次，我直接给它描述了我的需求，要宫崎骏色彩鲜明的风格。

过一会儿成品出来，我看到它给我规划了大理三天的行程，同时还设计了一个 由5个页面组成的手机网站界面。

点进去我发现，网站的整体页面非常干净清晰，把大理的美景也展示出来了。而且，这里所有图片和文字都是它自主生成的，不存在乱码的情况。要知道这一点 Claude Design 是做不到的 —— 一旦扒不到图片，它就只能用 Canva 随便画两个抽象色块。

这一版的网站内容结构我已经比较满意了，但还有一些细节问题：规划在洱海东线龙龛码头看日落就不对了，龙龛在洱海西岸，更适合看日出。另外，左图右字的模式也有点死板，我还是想要更大气宽幅一些的网页设计。于是，我先让它给我做了一个宽幅的 Hero 页，看看大页面效果。

*用批注给出更改指令

刚出来的效果，这个云有点奇怪。不过好在画布这种形态改起来很方便，直接选中某个地方批注就能改，或者进入深度编辑模式，比纯 HTML 预览自由太多。

我直接批注，让它改成一朵一朵的云的姿态。很快它就更新了，效果还不错。

*更改后的新图

接着我又更新了一版提示词，让它把其他几页也改了，要求延续最新的风格，但要更换图片排列和网页尺寸。

最后成品出来，整体感觉大气了不少。

另外天工这个设计智能体还有一个好用的地方，就是可以直接链接到天工智能体上，生成原型。我直接选择了这五张图，发给智能体开始做网站原型。

来看看效果：

进入行程就能看到三天的安排。点击地点图片就能看到地点的介绍，非常丝滑。

20分钟，从想法到原型

接下来，我又用它实现了我一直想做的应用 UI。

是这样，我很爱逛美术馆、博物馆，但经常逛完就忘。看展的时候觉得这个也好、那个也不错，回来之后却只剩下手机相册里一堆展签照片，过了不久就会把展品忘个精光。

所以，我一直想做一个个人博物馆“收藏”管理 App，但 Vibe Coding 的成果都不太好看。这个 App 的作用不是给博物馆官方做导览，而是给像我这样的普通观众做私人观展档案，记录下来：我见过哪些展品，想看什么，每次观展留下了什么记忆。

用天工做之前，我还是在网上先找了我比较喜欢的 App 设计做参考，再让天工帮我生成了一份设计规范。

*参考 app 风格，@Asrın Yıkıcı

然后，我就把生成需求一股脑输给了它。总共10个页面：首页、观展中模式、拍照识别、展品详情页、我的藏品库、想看清单、观展时间线、年度报告、个人数据 Dashboard。我的描述也比较笼统，确实我自己也不知道细节要设计成什么样

需求给到天工之后，它生成的就不只是一个单屏 App，而是一套相对完整的 UI 项目。

大概过了10分钟，它给出了10张图片齐全，内容饱满的 App 设计界面，黑金配色很有沉浸式逛展的感觉，几乎没有要修改的部分，各页面的逻辑链接也比较顺。

要知道 App UI 最怕的不是某一屏不好看，而是每一屏都像从不同模板里拼出来的。首页一个风格，详情页一个风格，数据页又是另一个风格，这种东西就算单看截图还行，连起来就很散。

*天工给出的 10 个 app 页面UI

接着，我又用智能体生成原型的功能生成 App 的交互原型。

*右上方可以直接一键生成，Agent会自动整理素材和资料，无需自己整理。

自动上传打包好的素材之后，天工智能体就会开始读取源文件，构建带有完整的导航交互原型，而且会同样遵照设计智能体的 App 设计的 UI 界面，最后交付一个 html 文件。在工作页面的右侧也可以看到整个运行流程，完成生成之后，可以直接预览网页，进行交互。

可以看到页面的跳转非常地丝滑，整体感也非常好。天工把我做的 UI 设计原封不动地落地成能交互的网页。

真的用 AI 做原型设计，不是让 AI 生成一张漂亮截图，而是让它知道这个项目的颜色、字体、卡片、标签、按钮、数据图表，都应该属于同一个世界，还要能从 UI 设计无缝转成真实落地的交互界面。

而且，这还是个可以不断迭代的系统，比如这里少了用户登录页，只需要再跟它说一句就可以了。天工也能提取设计智能体那边的设计规范，制作出来一个符合整体设计风格的登录页。

做完 App UI 之后，我还让它继续生成了一套官网页面。有明暗两种风格，看得出来，整体依然是遵循「暗金画廊风」的设计范式。

*黑金风格暗版网页

*明版网页

最后，我还让它生成了设计范式的文件，把设计精髓保留下来，也能分享其他协作小伙伴，延续设计风格。

我还把同一套提示词扔给了Claude Design 看效果。

它做的比较慢，大概用了20分钟，直接给到了一个 html 的文件。和天工不同的是，它会在制作前进一步以问卷形式拆分问题，了解我的需求。但是，Claude design 经常无故罢工，执行任务不是很稳定（不是网络问题，因为同期 Claude 客户端还能工作）。

我对比了一下两个效果，天工设计智能体的完成度和视觉效果都要强一些，Claude design 无法自动填充网页中的图片，但天工可以。

*Claude design生成的交互界面

整体试下来，我觉得天工设计智能体蛮适合我这种经常有 idea、有自己的审美要求，但没专业背景的人。

如果只看单张图，它当然还能继续进步。

但从我体验出来的完整流程看，从想法、资料、风格要求，到多页面项目、持续修改、导出交付，它已经和传统 AI 作图工具不在一个叙事里了。

它着实让我缩短了“从想法到原型”的距离。这一步，对很多创作者、产品经理、运营、独立开发者来说，已经足够重要。