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

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

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

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

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

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

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

人工智能 UI 设计工具 Galileo Ai

https://www.usegalileo.ai/

生成式 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

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

高品质设计系统 Blank Design

https://useblank.design/

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

50 个免费着陆页 HTML 模板

https://htmlrev.com/

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

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

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

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

超大型3D角色库 Avatarz 2

https://www.avatarz.design/

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

知名设计资源平台 IconScout 专用 Figma 插件

https://iconscout.com/plugins/for-figma

我们之前推荐过很多 IconScout 所出品的素材合集，他们会根据设计师的日常设计需求，在不同的节日输出主题的图库和资源，为不同类型的设计设计师提供特定类型的干货。如今 IconScout 也推出了自己的 Figma 插件，方便设计师在设计过程中一键获取自己所需要的资源。

提高3倍效率！能落地的AI绘画&设计系统课来了！

如何快速入门AI绘画和AI设计？