第一波！2023年3月精选实用设计干货合集

进入3月，天气终于暖和起来了。这是 2023 年 3 月的第 1 波设计干货合集！UI 设计师所期待的 AI 生成 UI 终于来了，虽然处于开发早期，但是也值得看看。与此同时，还有人将 ChatGPT 和 Tailwind 结合到一起来用，使用这个服务，你干脆可以直接获得相应的 CSS 和 HTML 代码！当然，AI 生成可能满足不了设计和前端同学的需求，没关系，这一期还有高素质的设计系统和完全免费可商用的网页模板！

当然，在此之前记得看看往期干货中有没有你感兴趣的素材：

第四波！2023年2月精选实用设计干货合集

大家好，这是 2023 年 2 月的第 4 波干货！

阅读文章 >

下面我们具体看看这一期的干货：

人工智能 UI 设计工具 Galileo Ai

https://www.usegalileo.ai/

第一波！2023年3月精选实用设计干货合集

生成式 AI 可塑性确实很强，之前我们看到的很多生成式 AI 工具大都是用来生成图片，而 UI 这种规律性的设计其实也相当贴合 AI 生成的逻辑。这个名为 Galileo Ai 的新服务就是干这个的——你只需要提供一组描述词，它就能生成效果还不错的 UI 界面，也许还没有办法生成可用性极强的产品级别 UI 流程，但是对于很多 APP 而言，这也是一个不错的开始了，对吧？

目前 Galileo Ai 还处于早期调试阶段，对此感兴趣的同学可以注册体验一下。就像上周文章里的游戏设计项目一样，用好 Ai 生成可以省去大量的前期工作：

AIGC如何运用在实际设计项目中？来看国外高手的案例！

编者按：AI生成在如今的设计项目当中到底要怎么使用？

阅读文章 >

使用 ChatGPT 生成 Tailwind 组件

https://www.btw.so/tools/chat-gpt-tailwind-css-components

第一波！2023年3月精选实用设计干货合集

如果你的团队正在使用 Tailwind，那么这套工具 Tailwind CSS 组件生成工具一定要尝试一下，它结合了当下大热的 ChatGPT，你只需要写下你需要的组件的描述和关键词，选择你要的主色和次要色，然后就能生成你要的 UI 组件，这个时候在左上角可以切换成代码模式，你可以稍加调整，将其应用到你的 Tailwind 代码当中。

高品质设计系统 Blank Design

https://useblank.design/

第一波！2023年3月精选实用设计干货合集

虽然 AI 生成 UI 已经出现了，但是高品质的设计系统依然是设计项目中的刚需。这个名为 Blank System 的设计系统包含 2000 多个组件和 500 多个可自定义的全局样式，整个系统都是高度可扩展的。如果你需要快速创建一个着陆页，使用 Blank 几乎可以在几分钟内快速完成调整和设计。这套系统还额外配备了一套百搭的抽象 3D 图形素材。这套设计系统提供一个轻量级的免费版供个人用户使用，可以轻松在 Figma 当中编辑测试。

50 个免费着陆页 HTML 模板

https://htmlrev.com/

第一波！2023年3月精选实用设计干货合集

这个名为 htmlrev 的网站出自一名网页开发者之手，为了惠及同样忙于到处找免费模板和素材同行，干脆自己创建了这个网站，汇总了 50 个高素质、免费可商用的免费 HTML 模板，这些模板大多使用 Bootstrap 4 或者 5，支持 Google fonts，font awosome 等主流和流行插件，模板内的代码也大都非常易于阅读，模板自身附带有可用的图片素材，有需求的同学一定不要错过。

免费精选 UI 套件+灵感+设计系统+素材

https://prokit.gumroad.com/l/free_editable_UIkits

第一波！2023年3月精选实用设计干货合集

这个名为 Prokit 的设计素材合集，是耗费了几周时间精心挑选整合出来的免费资源和素材，其中包括超过 150 套用于移动端和桌面端的 UIkit 和 50 多套设计系统，这些分散在互联网各个角落的免费设计工具，能够让你事半功倍地设计 UI，其中不乏一些结合了最新的趋势和技术的设计系统和素材，有需求的 UI/UX 设计师可以收藏一波。

超大型3D角色库 Avatarz 2

https://www.avatarz.design/

第一波！2023年3月精选实用设计干货合集

超大型 3D 角色素材哭 Avatarz 升级到 2.0了，这套 3D 角色库可以针对角色进行更加深入的定制，不仅仅是衣服、肤色和发型等基础的组件可选，而且包括眼睛的轮廓、表情细节也全都可以定制，诸多定制元素排列组合下能够生成的不同角色造型数量超过 4 亿种，绝对能够满足绝大多数的角色设计需求。如果你不知道你能不能用得来这套角色库，可以先下载他们的免费 Demo，体验一把。即使你不会使用 3D 编辑工具，AvatarZ 同样提供 PNG 格式的素材，轻松拼接调整。