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

UIHome

共 3553字,需浏览 8分钟

 · 2023-06-08

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 时代的开端,与勇敢、积极、乐观的你相遇! 希望由我们一起,开启 充满创造力的设计新世代

浏览 47
点赞
评论
收藏
分享

手机扫一扫分享

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

手机扫一扫分享

举报