AI正在取代低端UI?我实测了5款AI原型与UI设计工具(附效果对比)

用户头像
杭州/UI设计师/27天前/285浏览
AI正在取代低端UI?我实测了5款AI原型与UI设计工具(附效果对比)
用户头像
冷山风
不知道大家感觉到了没,现在的AI好像真的可以取代一部分人了。尤其是一些基础设计,这些活儿基本被前端或者产品经理自己悄悄用AI干了。
每天都有设计师在喊焦虑,干着急没有用,关键是要搞清楚
AI到底能做到什么程度?
它离取代自己还剩哪几步。我自己试了一圈,发现有些工具已经不只是“辅助”,是真的能接管一部分基础工作,至少我们公司是不会再招实习生了。不过,也没有网上说得那么夸张,AI确实能生成UI界面,但离真正替代设计师还有距离。
挑了5个大家聊的比较多、也比较有代表性的
AI原型与UI设计工具
,用同一个需求简单跑了一遍,看它们到底能做到什么程度。
先说测试方式:
我用的是一个很普通的需求:设计一个电商App首页、商家搜索页、商品详情页、购物车页和结算页。没有写特别细的限制,就是模拟日常那种先出一版再说的情况,让这些AI工具挨个生成。
这次效果测试主要看三点:
  • AI能不能生成完整页面
  • UI界面大概什么水平
  • 后面好不好编辑修改
1. 墨刀AI
这个我放第一个说,是因为它是偏向于做产品原型的工具,不是单纯画UI。输入指令后,它生成的是一整套可以继续编辑的
高保真原型页面
。布局、文案、组件都帮你搭了一版出来,甚至带有默认的跳转逻辑。一眼就能认出是国内电商的味儿,细节做的很到位,比如购物车的凑单提醒都考虑到了,产品逻辑比较强。
不过从UI的角度来看,界面风格偏保守,视觉上没有很惊艳,属于后期导出还要重新精细化矢量设计一番才行。
AI正在取代低端UI?我实测了5款AI原型与UI设计工具(附效果对比)(图ZMTU1NTY3MTY=) - 评测 - 站酷设计师冷山风原创素材 - 站酷ZCOOL
收藏
AI正在取代低端UI?我实测了5款AI原型与UI设计工具(附效果对比)(图ZMTU1NTY3MjA=) - 评测 - 站酷设计师冷山风原创素材 - 站酷ZCOOL
收藏
AI正在取代低端UI?我实测了5款AI原型与UI设计工具(附效果对比)(图ZMTU1NTY3MjQ=) - 评测 - 站酷设计师冷山风原创素材 - 站酷ZCOOL
收藏
AI正在取代低端UI?我实测了5款AI原型与UI设计工具(附效果对比)(图ZMTU1NTY3Mjg=) - 评测 - 站酷设计师冷山风原创素材 - 站酷ZCOOL
收藏
AI正在取代低端UI?我实测了5款AI原型与UI设计工具(附效果对比)(图ZMTU1NTY3MzI=) - 评测 - 站酷设计师冷山风原创素材 - 站酷ZCOOL
收藏
2. Stitch
谷歌的Stitch比较有意思,它像是个海外的外包团队,更偏UI生成,输入描述后,会先生成一组设计规范,然后给出所有界面。这次测试的表现,在生成速度上是比较慢的,但在视觉上是可以的,色调、文案和布局,都是比较完整的。但测试的是中文指令,生成的界面
风格却明显偏海外,而且是英文界面
。如果是做国内产品,这一步就比较尴尬了。你要么全改文案,要么重排结构,有时候改着改着还不如自己重新来。
另外一个点是,它不是完整设计流程的一部分,生成完之后,你还得丢到别的工具里继续处理。
AI正在取代低端UI?我实测了5款AI原型与UI设计工具(附效果对比)(图ZMTU1NTY3MzY=) - 评测 - 站酷设计师冷山风原创素材 - 站酷ZCOOL
收藏
3. Figma
Figma的招牌AI是Make Design功能,能直接生成UI界面、辅助排版这些。它对中文的理解会顺一些,比Stitch那种情况好很多。输入中文指令后,没几分钟就生成完整界面了。几个页面结构和布局都是合理的,在视觉上反而是没有突出设计感,是用的通用模版类型,这可能和依赖提示词有关,还需要手动补充修改。
FigmaMake还是蛮好用的,如果你本来就用的订阅版Figma,会觉得挺顺。如果是个体户,还没有订阅,那Make生成的UI界面,还无法导出直接编辑呢,这一点需要提前注意。
AI正在取代低端UI?我实测了5款AI原型与UI设计工具(附效果对比)(图ZMTU1NTY3NDA=) - 评测 - 站酷设计师冷山风原创素材 - 站酷ZCOOL
收藏
AI正在取代低端UI?我实测了5款AI原型与UI设计工具(附效果对比)(图ZMTU1NTY3NDQ=) - 评测 - 站酷设计师冷山风原创素材 - 站酷ZCOOL
收藏
AI正在取代低端UI?我实测了5款AI原型与UI设计工具(附效果对比)(图ZMTU1NTY3NDg=) - 评测 - 站酷设计师冷山风原创素材 - 站酷ZCOOL
收藏
AI正在取代低端UI?我实测了5款AI原型与UI设计工具(附效果对比)(图ZMTU1NTY3NTI=) - 评测 - 站酷设计师冷山风原创素材 - 站酷ZCOOL
收藏
AI正在取代低端UI?我实测了5款AI原型与UI设计工具(附效果对比)(图ZMTU1NTY3NTY=) - 评测 - 站酷设计师冷山风原创素材 - 站酷ZCOOL
收藏
4. Pixso AI
Pixso AI和Figma的Make有点像,但用下来更本土化一点。它对中文理解、一些设计习惯,都会
更贴近国内团队
。AI生成的UI界面,比较依赖提示词,生成界面偏电商与外卖结合类型,有点国内的京东、美团等APP影子。不过,这次测试出来的效果稍微有些通用化。我见过有团队直接在画布里面生成UI设计稿,能基于现有设计来补充,并且也不影响协作流程,效率还不错。
AI正在取代低端UI?我实测了5款AI原型与UI设计工具(附效果对比)(图ZMTU1NTY3NjA=) - 评测 - 站酷设计师冷山风原创素材 - 站酷ZCOOL
收藏
AI正在取代低端UI?我实测了5款AI原型与UI设计工具(附效果对比)(图ZMTU1NTY3NjQ=) - 评测 - 站酷设计师冷山风原创素材 - 站酷ZCOOL
收藏
AI正在取代低端UI?我实测了5款AI原型与UI设计工具(附效果对比)(图ZMTU1NTY3Njg=) - 评测 - 站酷设计师冷山风原创素材 - 站酷ZCOOL
收藏
AI正在取代低端UI?我实测了5款AI原型与UI设计工具(附效果对比)(图ZMTU1NTY3NzI=) - 评测 - 站酷设计师冷山风原创素材 - 站酷ZCOOL
收藏
5. Uizard AI
Uizard AI在海外已经很早就火过了,它最大的特色是草图识别,你可以画个草图,拍照上传,它帮你转成线框或者UI。识别能力还不错,至少比我想象的强,第一次用会有点爽感。在这次测试中,用文本生成UI界面的效果一般,界面排版出现较多混乱,整体结构和设计风格还可以。中文文案支持一般,生成的风格依然有点“古早”,还需要后续不断修改。
AI正在取代低端UI?我实测了5款AI原型与UI设计工具(附效果对比)(图ZMTU1NTY3NzY=) - 评测 - 站酷设计师冷山风原创素材 - 站酷ZCOOL
收藏
深度对比一下(横向纵向对比)
五个工具跑下来,各有各的脾气。单看某一个可能不明显,但把它们放在一起横向和纵向比较一下,差异就出来了。
AI正在取代低端UI?我实测了5款AI原型与UI设计工具(附效果对比)(图ZMTU1NTY3ODA=) - 评测 - 站酷设计师冷山风原创素材 - 站酷ZCOOL
收藏
对比下来,单看最终的UI效果:墨刀AI和Pixso AI生成的界面更符合国内产品逻辑一些,Stitch、Figma Make这种在视觉上会更精致一点,Uizard AI生成效果稍逊。海外AI设计工具的风格比较偏向于海外,如果是海外项目会比较适合,国内产品反而有些吃力。
如果看落地的原型能力或者设计协作能力:像墨刀AI这种能直接生成、并且能在原生环境里编辑的原型工具,会更接近我们实际的工作流;在设计系统中,Figma和Pixso依然是这几个工具之中最为成熟的。
最后聊聊
最后聊一点实在的吧。做了这几款热门、主流的AI原型与设计工具,我有几个感触:
第一,AI确实在吃掉低端UI的饭碗
。像登录页、设置页、基础的商品列表页,以后真的不需要人去画了。AI生成UI工具分分钟能搞定,甚至能直接输出给前端代码。如果你每天的工作只是在照着大厂的规范“搬砖排版”,那危险系数很高。
第二,AI目前取代不了高级设计
。一个真实项目的复杂边缘状态(比如断网、空数据、权限冲突怎么提示)、一套符合品牌调性的设计系统、以及跨部门的业务沟通,这些东西AI连边都摸不到。
第三,设计师的角色和定位变了
。以前我们最有价值的能力是“画图”,是像素级的精准。但往后,画图可能会变成最不值钱的技能。我们要懂产品结构,要知道怎么用类似墨刀这样的工具快速验证业务,要知道怎么调教AI去输出你想要的资产。
AI确实在改变这件事,但离“把设计师干掉”还差得挺远。它只是冷酷地把我们工作里那些机械的、基础的部分拿走了。不过换个角度想,剩下的那部分说实话更难,也更吃经验。
注:本文为独立测评,不含任何商业合作,请理性讨论与选择。
0
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
高级表盘系列UI源文件
【新年UI图标】钱包icon
手表表盘UI系列
高级感金属拟物 UI设计组件库
Security Camera UI kit
UI界面 组件
【新年UI图标】珠宝icon
抽象液态渐变UI背景模版
拟物风质感写实UI卡片合集源文件
【新年UI图标】30个图标
新能源APP应用UIKit
我的钱包-UI界面设计-app
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】优惠券icon
钱包ui模板
【新年UI图标】汽车icon
【新年UI图标】影音icon
盲盒APP UI设计
【新年UI图标】游戏/娱乐icon
UI应用平面图标
3D渐变流体抽象矢量UI背景图
UI通用设计素材1
智能家居中心 简约 UI设计组件库
科技医疗透明柜UI界面设计
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册