进入12月份，是时候屯一波优质的设计素材，为年底的各大设计项目打好底子，冲一波啊！这次的设计工具和素材合集和以往不同，是从多个不同的网站精选的一波设计素材，包含最新的免费可商用图库、收费但是物超所值的资源、设计教程还有各色给力插件，来看看吧！
也许你在某个网站上看到了不错的字体，但是不知道哪里能找到它们的相关信息，那么这个网站是一个非常不错的选择，它可以很好地解决这个问题。
在这里，你只需要在这里输入网站的 URL 地址，然后Fonts of web 就能够在几秒内帮你找出网站所用字体的详细信息，并且会标注出对应的字体所使用的全部规格（字体大小、字重、行高、乃至于下载链接）。
这套教程教你如何在 Figma 当中巧用动态网格来进行布局设计，这套教程当中包含如下部分：
网格介绍：Figma 当中网格功能的基本说明，网格的基础结构
Figma 和 Layout：教你如何使用固定和拉伸的网格，如何做好网格的约束
基线网格：间距控制的技巧，教你如何更好地对齐元素，如何使用基线网格，并且应用到文本和图标中
实战应用：在范例中演示如何均匀地布线，缩放复杂布局以及如何应用自动布局
进阶技巧：如何切换网格、修改色彩、创建样式
相关链接：一些额外的参考文章和工具
这是生成 Dribbble 风格展示图的工具，我只能说……真的超级赞，它能够根据你的图片自动挑选对应的背景色，可以选择正常效果、渐变、阴影式以及带有装饰性小圆点的版本，总而言之就是超级实用！
4、Delightful Micro-Interactions
---
静态的网站和 APP 经常让人觉得很无聊，但是加入了微交互和动效就不一样了，如果你正在钻研交互和动效，那么这个网站应该就是正好符合你的需求，这里搜集了来自213名设计师的 500 多个微交互和动效设计作品，这些作品在视觉上都足够吸引人，但是又不是侵略性的那种，实用性和易用性都足够强，涵盖的类型从按钮、下载、开关、搜索、购物车可以说是覆盖了绝大多数的 UI 设计的控件和场景！值得收藏！
这是一个应用在 Figma 当中的超全小图标系统，总计有3000 多款不同的图标，所有的图标都已经经过优化，可以在浏览器中使用，既可以导出为 SVG 文件，也可以直接作为 Web 组件来使用。
在使用的时候，你可以将对应的插件装到 Figma 当中，并且直接关键词搜索特定的图标，在图标系统当中定位到你想要的那个。
Phosphor Icons 这也是一套杀手级的图标工具包，无论是用在界面、图表、PPT 当中都相得益彰。这套图标多达 3500+，样式也相当的多变，从简单的线性图标到填充样式的图标，还有双色的版本，你可以编辑相应的图标线条粗细、色彩和样式。这套图标同样可以下载，也可以装到 Figma 当中使用。
自从Dribbble 加入合集功能之后，设计师也可以根据特定的主题来整理自己的灵感合集了。而这一套合集就是关于风格指南的，可以作为日常进行系统化设计的情绪版了。
这组合集并不限于 UI 套件和设计系统的风格指南，还有很多注入 LOGO、网站的风格指南设计，可参考的地方很多，值得关注。
这是一个潜力巨大的工具，它可以帮你设计的界面转化成为真实的网站，而且这个工具内置了一些模板，你可以轻松自定义，用起来并不复杂。
如今 Aspectapp 如今正在努力将 React 集成到这个工具当中，着意味着接下来你可以直接从 Sketch、Figma 和 XD 当中直接导出一个网站了！
Kolumna 是一个非常好用的网格生成器，毫无疑问，和同类工具一样，它可以轻松控制间距、边距等等参数，但是最重要的一点在于，它本身足够智能，尽可能帮你省去一些麻烦的环节，加快工作流程。
Wrroom 是一套超级方便的角色场景插画生成工具，并且主要是以 Figma 和 Sketch 插件的形式存在的，这套工具还额外附带单独的插画风角色头像生成功能，可以说是非常方便了！
圣诞节要来了，想必很多同学都在找圣诞节相关的设计素材吧？这个名为圣诞节插画的服务同样出自著名的 icons8 团队，大把免费可商用的圣诞节插画素材，具体的使用和 icons8 团队的其他服务一样，随便用——但是你得标注个链接和出处，很简单！
这个名为 Nice Illustrations 的插画图库同样是免费可商用的，虽然总体数量上不算多，但是素质过硬，并且按照主题进行了分类，来看看吧。
这个名为 Bluurp！的插画套件工具也是近年来比较流行的一种，插画组件化，按需进行拼接组合使用，兼顾了美观性、自由度和定制性，这套工具的风格主要是描边插画，填充色彩，风格看起来非常友好，泛用性也强。
这个名为 Avataz 的图库是一个 3D 的角色人物图库，值得一提的是，它确实是收费的，并且还不便宜，要49美元，但是！这个图库包含有 8000+ 的头像可以说非常非常非常丰富了，而且还含有原始的 Blender 3D 的建模文件！对于需要的同学而言可以省很多麻烦！
来源：
原作者：优设@ 陈子木
