最近我在整理AI工具的时候发现,现在AI生成的图片,好像都一股脑地往那种酷炫的效果图方向发展。但实际用起来就知道,很多图看着是挺美,真要直接用到项目里还是有点距离。尤其是在我们UI设计这行,AI出的图大多只能用来找找感觉,真要落地?还挺难的。
就这周,我正准备绘制一个网站,挖到一个最近新出的AI工具,可以说,这是我见过目前最懂UI的AI了!
工具地址在这儿:uxbot.cn
想法直接变界面
进入到uxbot的界面,我觉得大伙儿应该和我一样,感受到的就是熟悉,没有密密麻麻的工具栏,也没有复杂的多级菜单。就是一个对话框,打开就能用。

不同于以前的设计工具,比如ps、figma等等的设计软件大多都喜欢把功能堆得满满当当,恨不得把所有能力都展示出来。UXbot反其道而行,把界面做到了极简,所有的复杂技术都藏在后面,你只需要专注于"说出你的想法"这一件事。以前做UI设计,得先打开设计软件,面对空白画布想半天从哪开始,在UXbot里就不一样了。
比如我直接说:"帮我设计一个外卖App的首页,要有温暖的感觉,用橙色调,顶部放搜索框,下面是分类和推荐菜品。"

UXbot会把这句话翻译成设计:要什么功能、想要什么风格、需要什么交互。它会按照自己的理解,然后一口气把整套页面的需求制作成一个流程图。

如果对单个的页面生成的提示词有一些不满意,可以直接修改其中的描述。

当然对于单个的模块也可以进行一些拖拽、新增、删减等页面设计上的操作。

在流程图的最下面生成这里,点击一下还可以延展出一些模块具体的页面设计流程。

点击右下角的生成产品页面,UXbot就会自动完成界面的高保真设计工作,无论是布局还是细节都非常完善。在工具右侧有个AI助手的功能,可以直接在这里修改描述来对界面进行调整。

在AI助手的旁边还有一个详细的编辑器,基本上能替代不少专业设计工具的编辑功能了。

不止于UI
生成一些高保真的UI界面对于UXbot来说还是比较简单的,真正让我眼前一亮的是它的两个杀手级功能:自动生成UI交互动效,以及直接输出可用的前端代码。先说交互,很多AI设计工具只能生成页面,但是这些工具对于页面的跳转逻辑其实是不能理解的。UXbot的优势在于它更懂UI界面的跳转逻辑。

更厉害的是web前端代码生成。这个功能直接打通了从设计到开发的最后一环。

在传统的交付流程里,设计师做完稿子,开发还得对着设计图一点点写代码,中间少不了各种沟通和返工。

但UXbot生成的不只是样子货,而是真正能用的前端代码,并且能够实现云服务器运行。

对我来说,这才是UXbot最优秀的地方。它不只是个设计工具,更像是一个从想法到产品的加速器。用自然语言描述需求,它给你完整的、可交互的、能直接落地的方案。整个链条被大幅缩短,这种体验,用过才知道有多爽。
参考图直出UI
另外我还发现UXbot有一个特别实用的功能,完美解决了设计师的一个老大难问题。做UI的朋友应该都懂,平时工作里最烦的就是重复画那些基础框架。尤其是当你找到一个不错的参考界面,想借鉴一下布局和结构,但手上没有源文件,这时候就抓瞎了。只能对着截图,一个个元素地重新画,费时费力还容易出错。
UXbot的"图生界面"功能,就是专门来治这个痛点的。

你只需要把参考图扔进去,它就能自动识别页面结构,然后帮你生成可编辑的界面。什么布局、组件、间距,都给你解析出来。相当于把参考图逆向成了可以直接用的文件。
这里我上传了优设的主页,最后UXbot生成的结果和原来的UI界面还原度真的非常接近。


这个功能太省事了,以前可能要花半小时一小时去临摹一个页面框架,现在几分钟就搞定。而且生成的是可编辑的图层,不是死的图片,可以在这个基础上继续调整优化。UXbot和市面上其他AI设计工具最大的区别,一个是,它真的能一句话生成完整产品。
很多AI工具虽然也能生成UI界面,但你得写一大段详细的指令,告诉它每个页面要功能。而且最麻烦的是,它们只能一页一页地生成,生成完了就是一堆独立的页面,没法串联起来,更谈不上形成完整的产品流程。但UXbot不一样。只需要一句话描述需求,就能生成完整流程,关键是这些页面之间是有逻辑关联的,是一个完整可交互的产品原型。
另一个是生成后的内容质量和自由度高。现在不少AI设计工具生成出来的东西,一看就是套模板。样式死板,风格千篇一律,而且没办法修改。而UXbot生成的界面质量本身就不错,也完全可以自定义编辑。
体验下来,UXbot在AI设计工具里确实算是做得很棒的。不知道正在用AI做UI设计的小伙伴们,平时还遇到过哪些让你头疼的问题?欢迎在评论区聊聊,说不定就能找到解决方案~<





发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们