Design with AI

界面生成

好的工具,事半功倍。

推荐指数
推荐一试 👍
支持 Figma
无代码开发
界面生成
Framer 从2015年进入低代码领域,而后逐渐进化成为一款无代码开发平台。并且提供 Figma 插件,允许设计师从 Figma 导入。
几经迭代后的 Framer 提供了一套类似 Figma 、十分易用的设计界面。设计师无需编写任何一行代码,就可以制作和发布响应式的网页。2023年初,Framer 上线了 AIGC 功能,可以从文字生成网页设计。
Framer 按上线网站的个数收费,¥ 36 人民币/网站/月 起售,可以免费试用。
 实机演示:在Framer平台中AI生成网页
推荐指数
界面生成
即时设计 AI 经过数次模型的迭代进化,其生成速度和生成质量较刚推出时已经有了不小的提升。现在的即时 AI 可以生成出布局规整的高保真设计稿。生成的设计稿质量和海外竞品 Uizard 有的一拼。生成能力约等于一名在校设计学生。
AI 参与设计 UI 界面,优点是 AI 不知疲惫。设计师可以从 AI 生成的大量结果中获得启发,帮助解决产品开发过程中的现实问题。
 实机演示:在即时设计中AI生成网页
推荐指数
支持 Figma
无代码开发
界面生成
Builder.io 在 Figma 中上架有文字生成UI设计稿的插件,该插件的功能有:导出模块设计稿为Html代码、文字生成模块设计稿(需要Open AI API)、将网页导入为设计稿。
Builder.io 另有无代码网页开发平台,该平台同样可以使用AI生成单个的网页区块。但这个平台需要开发人员进行额外配置才可以使用,相比 Framer,它无代码开发体验差一些,且生成代码的响应式不够智能。
Builder.io 的大多数产品开源且免费,包括 Figma 插件。
 实机演示:在Figma中生成单个网页模块UI设计稿
推荐指数
界面生成
文案生成
图片生成
视觉分析
Uizard 是一款由 AI 驱动的 UI 设计协作平台,可在几分钟内生成线框图、UI图和高保真原型。它提供了一整套AI生成和在线协作工具,我们可以从中一窥AI设计平台的未来样貌。目前生成 UI 界面的能力约等于一名在校设计学生,页面排版工整,但交互逻辑差,可以继续观望。
Uizard 按人月收费,$ 12 美元/人/月 起售,可以免费试用(AI功能除外)。
 实机演示:在Uizard中生成整套UI设计稿
推荐指数
支持 Figma
图标生成
文案生成
这是一款来自 Diagram.com 的 Figma 插件,可以在 Figma 中生成文案、图标和图片。可以作为一个设计师工作时的一件趁手小工具,省去反复找图标、图片素材的时间。
Diagram.com 号称 Figma 的 AI 插件先驱,专注为 Figma 的设计师提供各种效率工具。目前上架的有 Magician 和 Automator(自动化脚本),另有 Genius、UI-AI 正在内测中。
Diagram.com 开发的工具均单独收费。Magician 按人月收费,$ 5 美元/人/月 起售,可以免费试用。
 实机演示:在Figma中生成文案、图标
推荐指数
内测中
支持 Figma
界面生成
它是一款专注于在 Figma 中生成 UI 设计稿的插件,内测至今已有数月。因为兼容 Figma 工作流,它一经开启内测就获得了相当高的关注度。小编4月就申请了内测,至今没有排上队,可谓火爆。
使用 Figma 进行设计工作的设计师们,可以持续关注这款产品的未来表现。
 官方演示:在Figma中生成整套UI设计稿