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

利用人工智能生成一个精美的网页，如今早已不再是新鲜事。真正的挑战在于如何实现持续迭代与版本管理——这往往是许多用户在实际应用中遇到的核心痛点。

不少AI工具生成的页面初看确实令人惊艳，但当你希望增加一个新的页面时，AI却仿佛“失忆”，直接输出一套配色、布局截然不同的全新设计。对于演示用途或许足够，但若要将其用作正式的企业官网、产品原型或客户提案，便会带来诸多不便。我们真正需要的，是一套能够持续修改、不断扩展、甚至能轻松交接给他人继续维护的设计资产。

近期，昆仑万维推出了天工 3.1 版本，并带来了全新的天工设计智能体。它将设计流程迁移至无限画布，只需将PRD文档、品牌资料、参考网站链接或设计截图导入，即可生成一套能够持续修改的网页或App UI项目。话不多说，让我们直接进入实测环节。

01. 天工设计智能体实测

打开天工超级智能体官网，在左上角选择天工设计智能体，直接输入设计需求即可启动工作流。

案例 1：网页设计

设计一个定制旅行官网。

在输入框下方，你可以自定义主题色，并选择生成电脑端网页还是移动端页面。

天工设计智能体并不会直接开始编写代码，而是先深入理解需求，规划出完整的设计流程。第一步是确立设计方向：包括配色方案如何搭配，字体与字号如何设定，页面布局如何排布——简而言之，就是将抽象的描述转化为可直接复用的设计规范。

它会主动将项目拆解为首页、目的地、定制方案三个核心页面，并用清晰表格阐释每个页面的内容亮点，完全是按照真实官网项目来组织信息架构。

来看看最终生成的成果：

成品的完成度超出预期。三个页面分别展示了旅行服务、目的地信息和定制方案，各有侧重，但整体保持了统一的导航栏、页脚、卡片、按钮和品牌色——设计规范、页面结构与组件风格高度一致，质感出色。

天工设计智能体还会主动推荐追问方向，辅助我们持续优化：

直接输入优化指令，例如：

改成 Art Deco 旅行风格。

它能够基于原有项目继续修改，保留页面结构的同时，调整整体视觉语言。这一版本在质感上明显提升。

此外，还可以要求它为所有图片占位区域自动生成匹配的图片，让最终成品更具视觉吸引力。

每个设计图的右上角都配备了一个“深度编辑”按钮。

选中后，点击页面上的任意元素，右侧会显示该模块的文本字体、字号、颜色、元素尺寸、布局、盒模型等信息，并支持直接编辑修改。

页面上的每一处细节还可以单独添加批注进行修改。例如，选中标题并添加批注：

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

天工设计智能体会自动提取设计规范，并精准完成修改。布局、排版、字号与原版保持一致。

每一次迭代都能做到精准执行，即使修改到第 N 版，依然与最初提交需求时一样可靠，完全不必担心 AI 中途丢失上下文。

调整完成后，可以选择导出项目或生成原型。天工设计智能体支持将项目分层复制到 Figma，或导出为 zip 格式，方便直接嵌入项目或进行二次修改。

还可以选择基于当前画布或整个项目直接生成交互原型。

点击生成原型后，天工设计智能体会自动将整个项目打包放入首页输入框，并预填好提示词，你只需点击确认即可。

它会开始查看设计文件，并创建可交互的原型。

最终生成的效果如下：

配色与网页架构表现出色，必要的入口、导航栏一应俱全，还自动添加了卡片动效。如果满分是 10 分，整体体验可以给到 9 分。

案例 2：App 原型设计

如果你已经有一份 PRD（产品需求文档），可以直接上传到知识库，让天工设计智能体根据 PRD 要求设计原型。首先在知识库上传 PRD：

PRD 内容如下：

天工设计智能体第一步仍是确认设计方向，将“K姐简历优化器”定位为移动端 AI 求职工具，并锁定专业蓝调搭配温暖科技感的视觉路线。

中途，它发现页面计划不够完整，最初页面结构只有 1 页骨架，于是主动修正为完整的 10 个移动端页面。这一点确实非常贴心，能提前规避许多设计问题。

确认规划后，它会按照真实 App 的交互流程逐页生成。

最终效果如何？天工设计智能体构建了完整的功能链路，它能够理解这是一条有顺序的求职优化流程，完全按照用户的使用先后顺序来搭建页面。其中诊断报告页做得尤为出色，总分、四个维度评分以及风险提醒都非常完善。

案例 3：克隆设计

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

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

它会基于参考图解析出一套设计规范，再结合需求，将这些设计语言灵活应用到新网站中。这不是像素级的复刻，而是真正学会设计语言，并实现举一反三的灵活应用。

例如，学习原版的配色方案：

克隆版

学习原版的排列与布局：

原版

克隆版

看看最终生成的页面：与参考图完全不同，但细看配色、卡片圆角、布局方式以及切图手法，都透露着原版的影子。这就像人类学习知识一样，关键不在于死记硬背，而在于能否举一反三、灵活运用。

02. 一些思考与分享

在过去，让 AI 进行设计更像是在抽盲盒，一张精美的单页视觉图往往需要反复尝试多次才能生成。虽然看起来像模像样，但仔细推敲页面之间的逻辑关联、用户交互路径以及功能闭环，往往一塌糊涂。

天工设计智能体则能够围绕明确的业务需求，先梳理整体设计方向，再将页面进行合理拆解，统一组件与风格。在无限画布的承载下，设计变成了一个可连续追问、可局部微调、可层层迭代的渐进式流程。

只要能够清晰地把产品目标、核心痛点、功能模块和视觉风格表达出来，AI 就能快速搭建出一个可直接使用的基础版本。我们不必再拘泥于工具的操作技巧，而是可以专注于基于初稿进行判断、筛选和细节打磨。

当然，面对复杂的真实业务逻辑和深度的品牌定制需求，人类设计师在审美判断、交互体验优化以及商业取舍上的专业能力依然是无可替代的。

这类设计 Agent 的出现，无疑将产品设计的起点往前推进了一大步。它就像一扇低门槛的创意表达窗口，让每个人都能更直观地通过原型来验证和表达想法；同时也能帮助设计师分担一部分基础的排版工作，使他们拥有更充裕的精力，专注于更高维度的审美决策、用户体验优化以及复杂的系统设计。