天工设计智能体实测 – 一句话生成可迭代网页

让 AI 生成一个好看的网页，现在早就不稀奇了。

麻烦的是能不能一直改下去。

不少 AI 页面第一眼很惊艳，可你想再加一个页面时，AI 很可能突然「失忆」，反手生成一个配色、排版完全对不上的新页面。

做个 demo 还行，真要做官网、产品原型、客户提案，就很头疼。我们真正想要的，是一份能持续修改、扩充、还能交给别人接手的设计资产。

最近，昆仑万维发布了天工3.1，带来了天工设计智能体，把设计放进了无限画布。你只管把 PRD、品牌资料、参考网站、截图丢进去，天工设计智能体就会帮你生成一套能持续修改的网页或 App UI 项目。

不绕弯子，直接上实测。

 

01. 天工设计智能体上手实测

 

打开天工超级智能体官网，在页面左上角选天工设计智能体。

在里面直接把需求打出来，设计就能开始。

case 1：网页设计

设计一个定制旅行官网。

输入框下方能自定义主题色，还能选生成电脑网页还是移动端页面。

天工设计智能体不会上来就库库写代码，而是先搞明白你的真实需求，把设计流程规划好。

第一步定设计方向：色调怎么搭、字体字号怎么设、页面怎么排。说白了，就是把抽象的描述翻译成一套可复用的设计规范。

它主动把项目拆成首页、目的地、定制方案三个核心页面，还用表格说明每个页面的内容亮点，组织信息架构的套路跟真实官网项目一个样。

一起看看最后生成的结果：

成品的完成度比我预想的高。

三个页面分别讲旅行服务、目的地信息和定制方案，各有侧重，但导航、页脚、卡片、按钮和品牌色全都统一，每个页面的设计规范、页面结构、组件风格都保持一致，质感在线。

天工设计智能体还会主动推荐追问，帮你接着往下优化：

直接输入优化方向就行，比如：

改成 Art Deco 旅行风格。

天工设计智能体能在原项目基础上接着改：页面结构保留，视觉语言另换一套。这一版看起来高级多了。

还能让天工设计智能体把所有图片占位区自动配上合适的图，让设计成品更好看。

每张设计图右上角有个深度编辑按钮。

点开之后，鼠标点页面上的任意元素，右侧就能看到这块的文本字体、字号、颜色、元素尺寸、布局、盒模型等信息，还能直接改：

页面上每一处也支持单独加批注修改。比如选中标题，写条批注：

标题改为：遇见不一样的美景。

天工设计智能体会自动提取设计规范去执行修改。布局、排版、字号跟原版分毫不差。

每轮迭代都改得很准：改到第 N 版，也和第一次提需求时一样稳，不用担心 AI 中途把上下文弄丢。

调好之后，可以选导出项目，或者直接生成原型。

天工设计智能体支持把项目分层复制到 Figma，也能导出成 zip 之类的格式，方便直接嵌进项目或做二次修改。

还能选择基于画布或者整个项目来直接生成原型。

点生成原型，天工设计智能体会自动把整个项目打包塞进首页输入框，连提示词都填好了，我们只要点确认。

天工设计智能体开始读设计文件，创建可交互的原型。

一起看看最终生成的效果：

配色和网页架构都很能打，该有的入口、导航栏一个不缺，还自动加上了卡片动效，10 分满分我给 9 分。

Case 2：App 原型设计

如果手上已经有一份 PRD，可以直接传到知识库，让天工设计智能体照着 PRD 的要求来设计原型。

先把 PRD 传到知识库：

PRD 内容：

天工设计智能体第一步照旧是确认设计方向，把 K姐简历优化器定位成移动端 AI 求职工具，视觉路线锁定专业蓝调 + 温暖科技感。

中途它发现页面计划不完整——最初的页面结构只有 1 页骨架，就主动修正成完整的 10 个移动端页面。这点真的很贴心，能提前挡掉一堆设计问题。

确认规划后，天工设计智能体按真实 App 的流程逐页生成。

一起看看最终生成的效果：

天工设计智能体跑出了完整的功能链路，它理解这是一条有先后顺序的求职优化流程，页面完全是按使用顺序搭的。

诊断报告页做得挺好，总分、四个维度评分、风险提醒都很齐：

case 3：克隆设计

我丢给天工设计智能体一张参考图，让它照参考风格做 K姐研究社品牌定制游网站。

参考图中的风格，帮我制作“K姐研究社”的品牌定制游网站，内容自拟。

天工设计智能体会先从参考图里解析出一套设计规范，再结合你的需求，把这套设计语言用到新网站上。

它不是像素级复刻一个一模一样的网页，而是把设计语言学下来，再灵活套用。

比如，天工设计智能体会学原版的配色方案：

克隆版

学原版的排列、布局：

原版

克隆版

最后看看生成的页面：

跟参考图说完全不一样都不为过，但细看配色、卡片圆角、布局，连切图的方式，都透着一股原版的味道。

这就像人学东西，关键不是死记硬背，而是能不能举一反三、活学活用。

 

02. 一些分享

 

搁在过去，让 AI 做设计更像抽盲盒：一张精致的单页视觉图得反复跑很多次。就算看着像样，真去深究页面之间的逻辑关联、用户交互路径、功能闭环，往往一塌糊涂。

天工设计智能体的做法是围绕一个明确的业务需求，先把整体设计方向理顺，再拆页面、统一组件和风格。有无限画布兜着，设计变成了一个能连续追问、能局部微调、能一轮轮迭代的渐进过程。

你只要把产品目标、核心痛点、功能模块和视觉风格说清楚，AI 就能快速搭出一个能用的基础版本。不用纠结工具的操作技巧，心思可以花在基于初稿做判断、做筛选、抠细节上。

当然了，碰上复杂的真实业务逻辑、深度的品牌定制需求，人类设计师在审美、交互体验和商业取舍上的判断，目前还替代不了。

但这类设计 Agent 的出现，实实在在把产品设计的起点往前挪了一大步。

设计 Agent 像一个低门槛的想法翻译器，让每个人都能更直接地拿原型来表达、验证想法；它也能替设计师扛掉一部分基础排版活儿，让设计师腾出精力，去做更高维的审美决策、用户体验优化和复杂的系统设计。

原文链接：国产 Claude Design + Figma？天工设计智能体有点东西