如何在即时设计用AI快速生成UI设计稿？

更新时间：2023-12-11 19:40:40

随着 AI 的不断发展，现在已经扩展到了各个领域，就连 UI 设计领域也已经出现了 AI 的身影。或许有的人会想，UI 设计又不简单， AI 真的能设计出好的 UI 设计稿吗？但其实，用 AI 生成 UI 设计稿一方面来是可以为设计师提供一些灵感和案例，另一方面也能让不会设计的小白了解到 UI 设计稿到底该如何设计，如何将想法变为现实。今天我们就来介绍一款能够用 AI 快速生成 UI 设计稿的软件——即时设计，那么，具体该如何操作呢？不了解的小伙伴快来看看吧！

1、即时设计AI是什么

即时设计 AI ，也叫做即时 AI ，是即时设计中的一个人工智能设计工具，只需要用文字描述想要的场景，例如输入文字“生成一个音乐 App ，主题色为红色，深色模式，要求包括歌手介绍页、歌单页、排行榜页”，AI 就会自动帮你进行艺术创作，而且生成的还是能够编辑的图层 并不是一个图像。用户只需要在网页上搜索即时设计，在资源社区中打开即时 AI 就可以进行使用啦。即时 AI 提供了两种模型，分别是 JS-Inno 模型、 JS-UIbotics 模型，前者更侧重于内容方面，能让 UI 设计稿更丰富，而后者更侧重于组件规范方面，生成速度也比较短，两种生成模型设计师可根据设计需求选择。

2、如何在即时设计中使用即时AI生成UI设计稿

2.1 打开即时AI

在任意网页中输入即时设计进行搜索，然后打开右侧列表中的资源社区，就能看到即时 AI 的入口啦！当然了，也可以直接在网页中输入即时 AI 进行搜索，同样能进入到即时 AI 的页面。

点击图片体验 AI 设计工具即时设计👇

2.2 输入具体的文字描述

在打开即时设计 AI 页面后，只需要在描述框中输入自己想要的 UI 主题、具体的，页面、颜色等等，还可以选择是生成移动端的 UI 设计稿，还是网页端的UI设计稿，然后再点击开始创作就可以得到 AI 生成的 UI 设计稿啦 ！

2.3 编辑图层

生成的 UI 设计稿是按照图层排布的，如果设计师觉得哪里可以优化，可以直接打开编辑界面进行编辑和修改，最后保存至自己的工作台。

2.4 导出UI设计稿

在 UI 设计稿 设计完成之后，就可以导出啦。导出形式也很多样，能够导出本地文件 Sketch 文件和 PDF，如果不想要导出的，也可以存储在云空间内，不会占用系统空间，很方便。

看完了这篇文章，你是不是能够顺利的使用即时设计中的即时 AI 生成 UI 设计稿啦！使用起来真的非常方便，可以当做设计初稿来进行二次加工，或者是不太懂 UI 设计的设计小白就可以使用即时 AI 生成一款设计稿来进行分析和学习。希望今天的内容能对于大家运用即时设计中的即时 AI 生成 UI 设计稿有所帮助哦～