利用人工智能生成一个精美的网页,如今早已不再是新鲜事。真正的挑战在于如何实现持续迭代与版本管理——这往往是许多用户在实际应用中遇到的核心痛点。
不少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 的出现,无疑将产品设计的起点往前推进了一大步。它就像一扇低门槛的创意表达窗口,让每个人都能更直观地通过原型来验证和表达想法;同时也能帮助设计师分担一部分基础的排版工作,使他们拥有更充裕的精力,专注于更高维度的审美决策、用户体验优化以及复杂的系统设计。
