即时AI：30s生成可编辑UI设计稿，一键发布为在线网页

即时AI带来的UI设计革命

最近，全世界都被苹果的MR头显给炸场了。把这么多复杂硬件整合成如同一个piece的产品，VisionPro简直堪称苹果的创二世纪。如此炸裂的效果，但是却要等到明年才小规模开售，小编按捺不住内心的激动，忍不住想给它做个销售网站。

虽然没有什么做网站的经验，也不会写代码，但最近AI大模型的蓬勃兴盛，让小编充满自信：一定有这么一款AI产品，让我仅凭自然语言，就能把网站做出来。果然，稍加搜索，小编就发现了这款AIGC产品——即时AI，它能够让我们通过自然语言描述就生成网页设计稿，还能一键将其发布为在线网页。

即时AI的一键生成网页设计稿和在线网页发布

话不多说，先上结果：别看设计如此丰富，但过程其实非常简单。首先，在即时AI官网输入咒语，等待1分钟，就得到如下四张设计稿：

选择其中一张设计稿，即可一键发布为在线网页。但是生成的结果有一些问题，比如自动生成配图与网站的内容需求并不是很适配。于是我们从开源网站unsplash找来了几张配图，在设计稿中进行编辑修改。令人惊喜的是，我们在设计稿中所做出的修改，比如替换图片、修改字体，全都被自动同步至这个已经发布的在线网页「https://js.design/site/?id=ai_cY7jfKiL7IY」。

整个过程耗时不到10分钟，包括输入咒语、生成设计稿、发布为网站、替换图片、重新发布。而这款产品的魅力，不在于10分钟生成一个几乎接近我们需求的网站，而在于任何一个没有设计基础、没有代码基础的人都可以用10分钟生成一个网站，带域名的那种。

即时AI的更新和评测

即时AI：30s生成可编辑UI设计稿，一键发布为在线网页5月4日，即时AI全面开放。根据官方消息，这款产品收到了超10w的内测申请，并在内测期间生成上百万的生成结果。这为后续产品开放后的迭代，打下了很好的基础。5月31日，即时AI产品更新，在生成App端UI设计稿的基础上，叠加了web端UI设计稿生成能力，同时支持一键发布为在线网页。这其中用到了两个能力：AI生UI设计稿以及将设计稿一键发布为封装完毕的网页组件，而且未来这个能力还会被迁移到App、小程序的生成当中。

更新后，我们也简单评测了一波。比如，生成一个音乐类产品的官网：
上下滑动查看全部

生成一个时尚杂志官网：
上下滑动查看全部

生成一个酒店管理的后台页面：

从生成结果来看，基本可以满足一个网页的内容需求，但是距离成熟、专业的网页还有一定差距。但是可以理解，毕竟还是个在学习进程中的新东西。与文生图不太一样的是，UI设计稿需要极强的规范性，同时必须具备可编辑功能，因此文生UI设计稿的进程稍缓于文生图，同样主打文生UI的GalileoAI以及Uizard尚处于内测当中。

设计工具的演变趋势

UI设计30年随着ChatGPT突如其来的爆火，设计类工具的AI化，也开始了疯狂加速。5月24日，Adobe推出了PS新功能GenerativeFill（生成式填充），可以一键去除或修改画面内容以及拓展图像内容，相当于StableDiffusion中的Inpainting和Outpainting。这项新功能目前已经在AdobeFirefly中上线，并置入了PhotoshopBeta测试版中，用户可以直在Ps中以非破坏性的方式组合或生成图像。紧接着，GoogleResearch在6月又发布了一项基于Muse模型的新应用——StyleDrop。它可以将生成的图片束缚在一个很小的范围内进行微调，不会影响到画面中的其他内容。比如更改画面的颜色、阴影效果、风格等等。微调需要的训练参数也不到总模型的1%。

当我们检索AI设计类工具，已经不仅限制于文字生成图像，图生图、文生UI设计、文生3D、文生视频....工作流将会发生怎样的变化？我们通过新的工具窥探未来的工作方式和工作结果。

即时AI带来的工作边界融合与设计能力溢出

这款产品让没有设计能力的人拥有了设计能力，让没有代码能力的人拥有了代码能力，设计师和前端的工作边界逐渐融合，每个工种原先被赋予的角色属性，都在向自己的上下游延展。随着AI能力的不断进步，这个工作流程很有可能被缩短为「产品经理-设计师-后端」或「产品经理-前端-后端」，更或者，来到产品经理的「黄金时代」。同样地，设计工具智能化后，使用工具进行设计不一定再是拥有专业能力的人群，很可能是关注AI的极客人群，也有可能AI像互联网一样变得人人可用，楼下的水果店老板、早餐店老板，人人都可以成为内容的创作者、界面的设计师、应用的开发者。基础的设计需求满足成本降低到忽略不计，设计供给侧也将迎来爆发式发展，过去通过冗长文字释义的方式或许最终会变演变成「一图胜千言」的形式。

设计工具的未来趋势

周凝认为：「当人工智能全面介入设计工具，将设计工具彻底转变成一个智能设计工具后，我们原有的设计方式必将被彻底改变，这也符合生产关系随生产力变化而变化的客观规律。那么基于对人工智能生产力的美好期待，假定设计工具完全自动化，且功能和性能没有其他任何限制，那么这样推理的最终结果就是：所有的过程环节和为了过程环节服务的工作流程都将被消灭。工具所有的显性能力体现，都将会聚焦在需求的输入端和结果的输出端。在需求的输入端，既要能够允许我们大量地多模态地描述我们的详细需求并能够做到精准的理解和对细节的严格执行，又要在我们自己无法清晰描述出我们的准确需求仅有模糊概念和方向时，能够心有灵犀地懂我们的言外之意，甚至利用AI自己的知识储备和智慧能力引导和协助我们细化我们的需求，乃至于在更高的思考维度上给予我们超前的认知和需求启发。在结果的输出端，我们既需要它能够在短时间内给我们大量生成优质的多模态方案供给我们进行选择，同时也需要它能够就已生成的方案接受我们进一步的需求进行不断地优化迭代，甚至我们肯定会希望，借用AI自身储备的知识和智慧能力，一步到位给我们最匹配最完美的答案，乃至于在更高的维度和层次上，给予我们突破原有需求审美和认知水平的超前方案。」