做设计的朋友最近应该都有感受：AI设计已经从“生成单张效果图”卷到了“生成完整项目”的新阶段。海外Claude Design凭借一句话生成完整网站的能力刷屏后，不少人都在期待国内能有同量级的产品。
最近天工正式上线了产品新功能「天工设计智能体」，主打画布式智能体工作区，被很多人称为“国内版Claude Design”，专属入口www.tiangong.cn/design
天工设计智能体是以画布UI为载体，升级为支持长期维护的项目型智能体工作区。我们可以把想法、参考资料、素材全部上传到知识库，智能体就能生成可灵活修改的UI设计项目。哪怕不懂设计、不会写代码，用户也能产出可长期维护、达到上线标准的商用级网页与App界面。
今天我们从设计师的视角做一个完整体验，看看它的效果是如何全面超越claude design的～
01 从零搭出完整网站页面
我们先体验了最常用的网站设计场景，需求是搭建一个独立插画师的作品集官网。
天工设计智能体的页面操作非常简单，全程没有拖拽组件或者调整复杂的参数，输入需求就能完成生成。
首先进入到无限画布中输入完整的页面需求，比如“搭建一个独立插画师的作品集官网，包含首页、作品分类、联系我们三个核心页面，艺术风格，同时适配PC与移动端”。如果提前准备了知识库，天工还支持关联知识库中的素材文件，操作起来更加方便。
等待几分钟后，画布上直接出现了完整的多页面网站项目设计。
和普通 AI 工具输出的单张效果图不同，它生成的是带页面跳转逻辑、组件层级的完整项目——首屏网站简介搭配作品展示，中间作品分类采用栅格布局，底部预留联系方式与社交入口，排版留白、字体层级都符合商用UI设计规范。
在画布的右侧会同步展示设计规范，例如色彩、字体、排版、间距、圆角等规范。提示词里我要求同时适配PC与移动端，所以天工同时自动完成了移动端适配，页面风格和效果都与PC端非常一致。
页面的优化修改操作也很简单，不用手动修改任何元素，直接输入指令即可。
例如想给页面换个颜色或者排版，输入“把作品页改成四栏瀑布流布局、主色调换成深色背景+紫色按钮”，智能体直接在原有项目上同步修改，组件风格与页面逻辑全程统一，没有重新生成的割裂感。
02 一张参考图生成整套APP UI
第二个案例是大家关注度很高的场景：能不能只用一张参考图，就生成整套风格统一、逻辑完整的 APP 界面？我们以千里江山图风格的城市旅游APP为例，操作步骤同样低门槛，不需要任何专业设计基础。
首先导入风格参考，找到一张千里江山画作风格的参考图，按照规范先上传到知识库，@图片名称让智能体读取视觉调性。
同时输入产品需求：做一款面向年轻用户的千里江山图、新中式传统风格的城市旅游APP，底部设置首页、动态、商城、我的四个 Tab，首页突出热门城市推荐与组队出游入口。
智能体基于参考图的风格，自动延伸出了完整的APP设计规范——青绿搭配的配色效果，四个核心页面的视觉风格高度统一，图标、卡片、导航栏等组件细节完整，页面间的交互逻辑也符合移动端产品的使用习惯，不是零散的效果图堆砌。
另一个令人惊喜的功能是页面的“深度编辑”，支持对页面内的内容进行详细编辑。
例如选中页面中的标题，就可以更改标题内容或者标题字体的样式。如果标题内容有换行，页面还支持自动布局功能，能够适配多行标题的展示，不会出现页面排版错位的问题。
我想这也是它和AI生图工具最核心的区别：生成的不是一张张独立的图片，而是一个完整的UI项目。所有修改都在原项目上迭代生长，而不是每次都从零开始重新生成。
天工设计还同时支持设计稿的导出，可以直接导出图片作为Demo，或者.fig文件，直接插入Figma项目内。
不光是导出，天工同时支持直接将你的设计图上线，点击生成原型，天工直接跳转到Agent框架，将你的设计转换成可以分享、使用的网站。
此外，天工设计智能体还支持上传Design.md和品牌素材，引导智能体更精准地生成设计方案。
例如我上传了一份苹果Design.md设计规范到知识库中，这样就可以在智能体中查看这份Design.md的详细内容，在写提示词的时候还可以引用这份Design.md，方便我们快速生成想要的UI设计风格。
最后
实测下来，天工设计智能体能够帮设计师快速完成从0到1的原型搭建、多方案初稿输出。即使是新手也能用最简单的语言来描述需求，将想法变成可演示、可迭代的完整原型，将验证成本被降到了极低。
本质上，它不是又一个和传统设计工具抢存量的AI作图插件，而是打开了一个全新的增量市场：让所有有想法的人，都能低成本把创意落地成可用的UI项目！
评论区 (0)
最新评论登录后发布评论并参与互动。
暂无评论，欢迎抢沙发。