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

7月第1波设计干货合集来了！这一次我所搜集的干货合集当中，有图标合集也有插画合集，但是最值得一看的，是 icons8 出品的动态图标和效果超赞的 SVG 素材编辑工具，还有将 Svg 格式的平面矢量文件升级为 3d 动态内容的服务。另外别忘了往期的干货合集：

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

60+ 有趣的免费小插画合集

https://prettyrandomillustrations.webflow.io/

这个插画合集是设计师 Prem Pradeep 自己做 100 天设计挑战过程中完成的插画作品，其中内容涉及到的主题非常宽泛，相当随机，这套插画小合集可以免费获取，不过清晰度有限制，如果你其中有你特别需要的，可以下单购买付费的矢量版本。

免费开源极简图标大合集

https://feathericons.com/

Feather 是一个风格比较简约利落的开源图标合集，每个图标都在 24x24 的网格上，图标整体保持着高度的一致性和可读性。你可以一次性把所有的图标都下载下来，也可以在临时有需求的时候，直接在网站当中根据主题 和关键词来搜索合适的图标，修改尺寸和笔触粗细，然后直接复制粘贴，非常方便。

icons8 出品的动态图标

https://icons8.com/animated-icons/color

这是著名的图标和插画素材供应商 icons8 出品的图标服务，目前其中已经囊括了 3700+ 动画图标，这些图标全部以基于 Lottie 的 Json 格式、Gif、AE三种格式而存在，便于你在不同的流程之下使用。另外，这里的动态图标有 iOS 和 Material Design 样式的，也有符合 Windows 系统风格的，可以根据风格选取。这里的图标并非完全免费，有一部分是可以免费下载使用的，另外一部分是付费的。

高素质免费 UIkit 下载

https://www.pixeltrue.com/free-ui-kits

这是著名的设计素材服务商 Pixelture Packs 出品的免费 UIkit 合集，这个合集当中所提供的 UIKit 是完全免费可商用的，无需署名，直接拿来修改应用就行，对于做 UI 设计的同学而言，特别值得收藏一发。这些 UIKit 大多数都提供 Figma 和 Sketch 格式的文件，而且通常包含有几十个界面和大量的常用组件，相当好使。

绝美的免费 SVG 素材编辑平台

https://heazy.studio/

这个名为 Heazy 的 SVG 编辑平台能够帮你生成视觉效果特别独特和时髦的素材，你可以轻松地在 JavaScript 和 TypeScript 当中调用矢量的 SVG 数据，还可以导出为 PNG，或者应用到 React 组件上去。这个SVG 编辑平台提供了很多预先设计好的 SVG 素材，你可以借助内置的编辑器将他们改成你想要的样子。

将 SVG 升级为动态 3D 的高级工具

https://studio.morflax.com/shift

这个工具我是第一次注意到，它可以将你的 SVG 格式的2D矢量文件转化为 3D 的动画，从这点来说，它是可以帮助很多现有的SVG 素材的基础上进一步提升，特别值得尝试。这项服务完全版是收费的，免费服务是有限制的，感兴趣的同学可以上手试试。

给UI设计师的UI控件占位符服务

https://www.uifiller.com/

当我们需要用小图标的时候，可以直接在网站上搜索图标然后复制图标，粘贴到设计软件当中。现在终于有人更近一步了，直接将日常的 UI 控件的占位符直接设计好，选中你需要的占位符复制粘贴，也是一个提升设计效率的好办法！所以做 UI 设计的同学可以试试看。

在 Figma 中直接使用交互式小组件

https://www.figma.com/community/widgets/figma_design

现在 Figma 当中更新了新功能，Figma 官方和 Asana、Jira 等社区的开发者一同合作，将交互式小部件带到了 figma 的插件系统当中，这样一来，进化在进行设计的时候就不止有静态的元素了，还能使用直接可交互式的控件。