创意与效率兼得!生成式AI颠覆UI设计师传统工作流程

AI一天,人间一年。

毫不夸张,最近这AI领域很是热闹,各领域AI典型产品都发布了更新,音乐、绘画、视频、设计......网友直呼:学不过来了!

是的,我也写不过来、介绍不过来了!

AI这半年来发展的太快了,除去各大AI巨头,各领域的AI创业公司也火拼得不亦乐乎!

这不,Uizard公司携带着其最新力作——Autodesigner 2.0,再次掀起了一场设计界的革命。

先看看官方的宣传片:

这不仅仅是一个软件版本的升级,更是一次对传统UI设计流程的颠覆。

那么,Autodesigner 2.0究竟能为我们带来什么?让我们一起来看看。

Autodesigner 2.0的推出,标志着Uizard公司在AI设计领域的进一步深化。

去年6月,Uizard首次推出Autodesigner,随后在10月推出1.5版本,而今,2.0版本的问世,无疑将用户体验推向了一个新的高度。

据悉,目前已有超过320万用户和团队选择信赖Uizard,利用AI加速他们的产品工作流程,其中超过80%的新UI设计都是通过AI生成的。


一键修改,AI提速


在Autodesigner 2.0中,UI组件的修改变得更加简单快捷。无论是需要在页面头部添加一个按钮,还是在列表中增加几个项目,用户只需选择组件组并输入指令,AI设计助手就能自动完成剩下的工作。

这大大加快了原型设计的速度,让“快速原型”这个概念更加名副其实。

Example prompts:

提示词示例:

  • Add a CTA in the header that says “order now” and a back button.

  • 标题中添加一个 CTA,显示“立即订购”和一个后退按钮。

  • Add 3 more sections to the list and change the font to “Roboto”

  • 在列表中再添加 3 个部分并将字体更改为“Roboto”

  • Create SSO buttons for signing-up with Facebook, Apple, and Google.

  • 创建用于注册 Facebook、Apple 和 Google 的 SSO 按钮。

  • Translate all the text to french and change the image for a picture of a “cat cycling in the streets of Paris”

  • 将所有文本翻译成法语,并将图像更改为“巴黎街头骑自行车的猫”的图片


个性化界面,AI定制


Autodesigner 2.0不仅能生成单一界面,还能根据用户的需求,精确生成多界面的交互式原型。

无论是数字银行金融科技SaaS还是最新的移动约会应用,Autodesigner 2.0都能帮助用户构建每个界面。AI现在能更准确地理解用户的指令,并提供精确的响应。

Example prompts:

提示词示例:

  • A login screen for a mobile app with all the typical options for logging with a custom account, social media SSO logins, and a link to reset password, or to sign-up if the user doesn't have an account yet.

  • 移动应用程序的登录界面,其中包含使用自定义帐户登录的所有典型选项、社交媒体 SSO 登录以及重置密码或注册(如果用户还没有帐户)的链接。

  • A screen in banking app where the user can see their bank account balance. There's one button to "send money" to peers and one button to "request money" from peers. There's also a button in the footer to show history of past transactions.

  • 银行应用程序中的一个界面,用户可以在其中查看其银行帐户余额。有一个按钮可以向同行“汇款”,也有一个按钮可以向同行“索要钱”。页脚还有一个按钮可以显示过去的交易历史。


风格主题,AI打造


Autodesigner 2.0保留了1.5版本的创新主题生成能力,并在此基础上进行了优化和加速。

用户只需简单描述,AI就能为应用生成相应的风格和主题,就像拥有了一个随时待命的UI造型师。

Example prompts:

提示词示例:

  • Make it look like Airbnb with a polished light theme

  • 让它看起来像 Airbnb,拥有精致的浅色主题

  • A modern style with shades of blue with a startup vibe

  • 现代风格,蓝色色调,充满创业氛围


导入草图,AI转化


Autodesigner 2.0的截图扫描器和线框图扫描器也得到了重大更新。

将静态截图图像和原始草图转换为高保真、可编辑的设计资产从未如此流畅。

AI引擎现在能更清晰地将用户的想法从纸上转化为原型,架起了概念与创造之间的桥梁。


设计评审,AI点评


Uizard的用户群体既包括设计师也包括非设计师,因此Autodesigner 2.0在设计评审过程中也进行了优化。

用户可以选择项目中的任何界面,让AI提供反馈,指出哪些地方做得好,哪些地方需要改进。结合焦点预测器的热图来衡量用户注意力,这一新功能为改进提供了洞见,为成功喝彩,并确保设计中的每个元素都尽可能完美。


Autodesigner 2.0的问世,不仅仅是技术的升级,更是设计理念的革新。

有了Autodesigner 2.0,设计不再是难题,

而是一场与AI协作的效率试验。