天工设计智能体实测

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

如今，让 AI 描绘出令人惊艳的网页早已不是什么新鲜事。

真正考验 AI 实力的，在于其持续迭代的能力。

许多 AI 生成的页面初看之下赏心悦目，然而当我们想要在此基础上增添新页面时，AI 却常常“丢失记忆”，重新生成一个在配色、布局上截然不同的全新页面。

这样的能力或许 suffices for 制作演示，但若要将其应用于官方网站、产品原型或客户提案，则会带来巨大的困扰。我们真正渴求的是一套能够持续修改、不断扩充、便于他人接手的设计资产。

近期，昆仑万维发布了天工3.1，并随之推出了天工设计智能体。该智能体将设计过程置于一个无限延展的画布之上。只需将产品需求文档（PRD）、品牌资料、参考网站或截图等素材输入，天工设计智能体便能为你构建一套可供持续迭代的网页或 App UI 项目。

闲话少说，让我们一同走进实际测试环节。

01. 天工设计智能体实测

首先，我们访问天工超级智能体官网，并在页面左上角选择“天工设计智能体”。

在天工设计智能体界面中，我们只需直接输入设计需求，即可完成页面的构思。

案例一：网页设计

构思一个定制旅行官网。

在输入框下方，我们可以灵活设定主题色，并选择生成电脑网页或移动端页面。

天工设计智能体并非立即开始编写代码，而是优先理解我们的真实意图，并规划出完整的设计流程。

第一步是确立设计方向，包括色彩搭配、字体字号的选用以及页面整体的布局。简而言之，就是将抽象的需求转化为可复用的设计规范。

天工设计智能体能够主动将项目细分为首页、目的地、定制方案这三个核心页面，并以表格形式详述各页面的内容亮点，其组织信息架构的方式完全符合真实官网项目的开发流程。

让我们一同审视最终呈现的设计成果：

成品的设计完成度超出了我的预期。

这三个页面分别侧重于旅行服务、目的地信息以及定制方案的展示，各有侧重，但统一的导航、页脚、卡片样式、按钮以及品牌色贯穿始终。所有页面的设计规范、页面结构和组件风格高度一致，整体质感非凡。

天工设计智能体还能够主动提出追问建议，协助我们进行持续优化：

我们直接输入优化方向，例如：

请将风格调整为 Art Deco 旅行风格。

天工设计智能体能够在原有项目的基础上进行修改，保留页面结构不变，同时调整视觉语言。修改后的版本显得更加高端大气。

我们还可以指示天工设计智能体为所有图片占位符自动生成与之匹配的图片，从而提升设计图的整体美观度。

每个设计图的右上角均设有“深度编辑”按钮。

点击该按钮后，我们便可选中页面上的任意元素，并在右侧面板中查看该模块的文本字体、字号、颜色、元素尺寸、布局、盒模型等详细信息，并支持直接进行修改：

页面上的每一个局部都可以单独添加批注进行修改。例如，选中标题后，添加批注：

请将标题修改为：“遇见不一样的美景”。

天工设计智能体能够自动提取设计规范，并协助我们完成修改。页面的布局、排版、字号等均与原版保持一致。

每一次迭代都极其精准，即使修改到第 N 版，其效果依然与第一版提交需求时一致，无需担心 AI 中途丢失上下文信息。

调整完毕后，我们可以选择导出项目或生成原型。

天工设计智能体支持将项目分层复制到 Figma，或导出为 zip 文件等格式，便于我们直接集成到项目中或进行二次开发。

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

点击“生成原型”后，天工设计智能体会自动将整个项目打包至首页的输入框内，并填好相应的提示词，我们只需点击确认即可。

天工设计智能体随即开始解析设计文件，并着手创建可交互的原型。

让我们一同欣赏最终生成的效果：

页面的配色方案和整体架构都表现出色，该有的入口、导航栏一应俱全，甚至还自动添加了卡片动效。若以10分为满分，此项可获得9分。

案例二：App 原型设计

若我们已拥有一份产品需求文档（PRD），可直接将其上传至知识库，让天工设计智能体依据 PRD 的要求设计原型。

首先，我们将 PRD 上传至知识库：

PRD 内容如下：

天工设计智能体的第一步依旧是确认设计方向，将“K姐简历优化器”定位为一款移动端的 AI 求职工具，并锁定专业蓝调与温暖科技感相结合的视觉风格。

在设计过程中，天工设计智能体发现页面规划尚不完整，最初仅有一个页面骨架。它主动进行了修正，扩展为包含10个移动端页面的完整规划。这一细节处理尤为贴心，能够提前规避许多潜在的设计隐患。

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

让我们一同审视最终生成的效果：

天工设计智能体构建了完整的功能链路。它能够理解这是一个有先后顺序的求职优化流程，并依照用户使用的先后顺序来搭建页面。

诊断报告页面做得尤为出色。总分、四个维度的评分以及风险提示都十分完善：

案例三：克隆设计

我提供了一张参考图片给天工设计智能体，要求其模仿参考风格，为“K姐研究社”设计一个品牌定制游网站。

请参考图片中的风格，为“K姐研究社”设计一个品牌定制游网站，内容可自行构思。

天工设计智能体将基于我们提供的参考图，解析出一套设计规范，然后结合我们的需求，将这些设计语言融入到新网站的构建中。

其目的并非像素级地复制一个完全相同的网页，而是学习并灵活运用其设计语言。

例如，天工设计智能体能够学习原版的配色方案：

克隆版

学习原版的排列和布局：

原版

克隆版

让我们一同欣赏最终生成的页面：

可以说，该页面与我们的参考图截然不同，但细究其配色、卡片圆角、布局以及图片切片方式，都能隐约感受到原版的风格痕迹。

这正如人类学习知识的过程，关键不在于死记硬背，而在于能否举一反三、灵活运用。

02. 一些体会

过去，让 AI 从事设计工作更像是一场“开盲盒”的尝试，一张精美的单页视觉图可能需要反复尝试多次。尽管初看之下颇为可观，但深入探究页面间的逻辑关联、用户交互路径以及功能闭环时，往往会发现问题重重。

天工设计智能体则能够围绕一个明确的业务需求，首先梳理出整体的设计方向，然后将页面进行细致拆解，并统一组件和风格。在无限画布的支持下，设计过程演变成了一个可连续追问、可局部微调、可层层迭代的渐进式流程。

只要我们能够清晰地表达产品目标、核心痛点、功能模块以及视觉风格，AI 便能快速搭建出一个可用的基础版本。我们无需纠结于工具的操作技巧，可以将精力集中于对初稿进行判断、筛选和细节打磨。

当然，面对复杂真实的业务逻辑和深度品牌定制需求，人类设计师在审美、交互体验和商业权衡方面的判断力依然是不可替代的。

这类设计 Agent 的出现，无疑将产品设计的起点向前推进了一大步。

设计 Agent 就像是一个低门槛的“想法翻译器”，让每个人都能更直观地通过原型来表达和验证自己的想法；同时也能帮助设计师分担一部分基础的排版工作，使设计师能够投入更多精力，专注于更高维度的审美决策、用户体验优化以及复杂的系统设计。