全球首发!一句话生成可编辑的 UI 设计稿,全新「即时 AI」开启万人...

共 3553字,需浏览 8分钟

 ·

2023-06-08 07:28


3f803f5b231945609cc825f0d33f155d.webp


4月7日,



全新「即时 AI」,如约而至。








作为

全球首款

能让大家体验到

通过自然语言描述,快速生成可编辑的
UI
设计稿

功能的设计工具。



我们在开放内测申请的 24 小时内,就收到了上万份申请!
而且每天数量还在不断增加。







为了回应大家的热情,
我们将在今天内,通过邮件发放 10000 个首批内测资格,
正式开启

万人内测!





如果你已经获得内测码,点击下方链接开始你的 AI 创作之旅:


https://js.design/ai?code


如果你想申请内测,点击下方链接提交内测申请:


https://js.design/ai-upcoming



如果你还没有收到内测资格,也请不要着急。
一方面,我们会陆续为大家安排更多内测资格;
另一方面,我们为大家准备了

“官方抢鲜版”

内容!
一起来看全新「即时 AI」的实战表现吧!








c70149ee058596c7066e4a2ac06afb6e.webp




当你在全新「即时 AI」中输入这样一句描述:


请设计一个旅游社交应用的旅游攻略页面,要求包括攻略介绍、目的地推荐、行程规划、用户分享和旅行小贴士等模块。



点击

生成

,稍等片刻,
你就将得到一组页面。
其中一个是低保真的原型线框图页面,
另一个则是高保真 UI 设计页面。




ea7b44bcc16286c28716cc797c057948.webp



affa6dea23e5dd152a975872e2d61450.webp



这组页面并不是图片,
而是包括

矢量图层和图标、支持二次编辑、分层结构清晰

的 UI 设计稿!

3cd949dcdd2f52d4cfe4bcf92fbb325c.webp35250ad927197f11c21f1044a490d53e.webp
d381d222288636e145f0a3d08e2151c1.webpe545ea67e23728f17d46027a9d723839.webp
在正常的设计流程中,一个页面至少需要花费设计师

30 分钟的时间

(不包含前期调研和思考)。
而使用「即时 AI」,

生成一个页面只需要 60 秒!


你还可以通过重复生成、获得多个不同设计结构的页面,
然后挑选出每个页面中最满意的部分,自由编辑组合,形成你最想要的设计方案。



453c2d005ddd47223fe019ff3ada07f8.webp


51979bc976b111e0145f0ff3f1d86e63.webp




f2a9a5fd864e2cac1c98dfd492738596.webp



9b0d43f20ab1fd7e68fa152cc35dcb2b.webp


并且,全新「即时 AI」不仅可以识别单一图层,
它已经能够识别页面上的大多数组件,例如按钮、标题栏、底栏等。

我们正在不断完善这项能力,未来,你只需上传部分设计稿或者定义你的设计规范关键值,就能通过全新「即时 AI」生成符合指定设计风格的 UI 设计稿。

2899e6602b9a37a83a3b957349306706.webp9c969c0db5d3ee319b7cb3543c78aef5.webp














173eab8735ce274099d9c407c2a98e4c.webp





由于全新「即时 AI」几乎所有创新性的功能,都会先让「即时设计」的伙伴们提前体验,并给出体验反馈。



所以仅内部验收期间,全新「即时 AI」就经历了

上万次页面生成测试:








▶ 有人用它搞起了

线上卖车


文本描述:请设计一个汽车电商平台的车型详情页面,要求包括车型介绍、车型参数、配置选择、用户评价、附加服务和热门活动等模块。




相应生成页面:


f91372541a56d5c2a1637433c1a2923b.webp


▶ 有人用它

检索美食


文本描述:美食 APP 的商铺列表页面,内容为「我最近浏览的」。




相应生成页面:



959a34f8ce004f771eaa83bcb89d64ec.webp






▶ 有人用它

卖起了服装


文本描述:「服装商品详情页」,包含商品图片、商品标题和描述、商品价格和促销信息、商品属性、商品评价和评分、相关商品推荐、购买操作按钮等。




相应生成页面:


86e78d086f7ecc37fec94fbd37550e63.webp



▶ 还有人用它做起了

电影购票


文本描述:生成购买电影票的app界面,电影为《阿凡达2》,电影院列表按距离排序,坐标北京市朝阳区。




相应生成页面:


0583b8501eedd130101843ac808a7c5f.webp




经历了

上万次页面生成测试后,

我们观察到:
全新「即时 AI」的表现已经

接近于初级
UI
设计师的设计水平。


我们也为大家准备了一份详尽的《即时 AI 产品报告》,方便大家了解全新「即时 AI」的能力。


https://js.design/ai/report


期待大家可以在内测中,尽情释放自己的创造力,生成更多有趣的页面!









83e36c988b52427ec202112cabb2f659.webp






尽管全新「即时 AI」才刚刚启程,

每一位参与研发的伙伴,都从它身上看到了巨大的潜力。



特别是当它像个魔术师一样,把你想要的页面,快速呈现在你眼前的时候。






d5f297b3cb83cc2980d3f5027aa0466f.webp






在 AIGC 技术尚未普及的年代里,这本是令人难以想象、
犹如科幻般的“未来”




如今,它就在我们身边

,每天都在飞速成长着、进化着。






我们希望全新「即时 AI」能

为创作者们提供更高效的解决方案

,让大家有更多时间去发挥创造力。



我们也期待它,能由一株破土而出的新芽,长成参天巨木,让更多人
感受到 AI 在设计领域的神奇力量、体验到设计的美好








为此,我们接下来还将:



• 
持续优化全新「即时 AI」生成设计稿的速度和质量,进一步提升它的表现;



• 
强化组件识别能力,让「即时 AI」在未来可支持替换任意规范;



• 
强化可控制性,让「即时 AI」尽可能地识别大家的具象指示;



• 
强化多样性,让「即时 AI」可以更好的生成多种设计方案,使大家能够在多个选择中找到最符合需求的设计;


.......


我们也希望能与更多优秀的伙伴一同探索「即时 AI」,
并在这个过程中不断学习、创新,拥抱这个快速变化的时代,
进而去

共同创造下一代设计工具

、甚至是
设计方式的模样
今天,我们正式发起

《即时
AI
用户共创计划》


你可以通过填写下方问卷加入进来:


【点此填写问卷】




由衷期待能在这条充满挑战的路上,在 AIGC 时代的开端,与勇敢、积极、乐观的你相遇!
希望由我们一起,开启
充满创造力的设计新世代







浏览 79
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报