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

大家好，4月的第3波实用设计干货合集来了！这次又找到了2个颇为不错的免费插画来源，不过这次最值得关注的其实是一款付费的动画曲线制作工具，和一个可以免费申请 Beta 测试版的 AI 矢量编辑插件，这俩工具都有独特的优势，具体可以往下看：

1、文字快速视觉包装插件

https://chrome.google.com/webstore/detail/text-to-image/nkljaohokglebeljcgchmehnhdieakda

有时候，单纯地分享文本内容，会显得过去单调，你可能会想将文本内容快速转换为视觉上看起来更加有趣的版本再展示出来，那么这个 Chrome 浏览器插件可以帮你快速完成这种设计。选中文本之后，右键呼出菜单选择插件，自动生成图片效果，修改配色和其他参数，即可导出图片。

2、2022 年可视化导图工具全搜罗

很多做产品的同学都是工具控，这个是脑图软件博客网站所总结梳理的最新的的脑图工具列表，你可以直接在这个列表中筛选出你可能用得上的脑图工具。最近几年，脑图工具的类型和数量翻了接近10倍，各种衍生的工具各有优劣，如果你对于这类工具感兴趣，不妨订阅这个博客的邮件更新：

https://mindmappingsoftwareblog.com/newsletter/

3、免费插画图库 Control Rocks

https://control.rocks/

这是一套可以完全自定义角色的插画图库，总计有2种不同的样式——黑白描边和填色两种，它的完整版本是矢量的，可以直接在 Figma、Sketch 和 Ai 当中使用，免费版仅仅包含 PNG 格式的插画，但是完全免费可商用。

4、免费插画素材Figma 插件

https://www.figma.com/community/plugin/781441863578182316/Illustrations

这是一个可以用于 Figma 的免费图库插件，插件包含的插画都是高质量且免费可商用的，安装好这个插件之后，直接拖放插画即可应用于 Figma 的各个 UI 界面当中。

5、动效曲线编辑器 Converture

https://ixeau.com/couverture/

如果你经常需要设计动效，那么你应该清楚一个好用且专业的动效曲线编辑器有多重要。这个名为 Couverture 的缓动编辑器出自一名德国柏林的独立开发者，这个工具不仅能够生成动态足够自然的缓动曲线，还能实时预览，内置的动效曲线效果极佳，而且可以非常自然地导出和 CSS、SwiftUI ，并且可以导入其他支持时序曲线的设计工具。这是一个收费的 APP，但是它确实非常好用且具有针对性，感兴趣的同学可以看看。

6、数据跟踪插件 Qualas

https://www.qualas.io/

正确的数据跟踪能够帮助产品团队更好地进行决策，而这个名为 Qualas 的工具则是专门帮助团队更好搜集数据用的，从产品设计阶段开始进行数据跟踪节点的埋设，可以让数据团队、开发者、PM 和设计师直接在原型图上开始协作，确定需要跟踪的数据节点、类型、状态，无需花费大量的时间来编写 Excel 表格和数据库表单，而是直接可视化地完成这个环节，全部在 Figma 内完成。这个插件提供免费试用。

7、超强矢量轮廓编辑插件

https://www.lttrink.com/illustrator

Lttr/Ink 是一个面向 Adobe Illustrator 的笔触矢量编辑工具，它从根本上将 AI 中的钢笔工具进行了进一步的升级，尤其是用来设计字体的时候，这款工具能够帮你快速编辑字体骨架，修整字体轮廓，各个锚点井井有点，不会出现混乱的情况。目前这款插件可以免费申请 Beta 版试用，抓紧机会。

8、3D 图标包 Joycon

https://designill.gumroad.com/l/joycon-free

这个名为 Joycon 的 3D 图标包出自设计社区 Designill，完整版 64 个图标的版本是收费的，不过提供一个免费的 Demo。这个设计师社区其实还会日常推荐很多别的设计资源，你可以访问这个链接 https://znap.link/designill 获得更多的免费资源。

9、开源 React 控制面板 Horizon UI

https://horizon-ui.com/

Horizon UI 是一套适用于构建控制面板的开源系统，它适用于 Chakra UI 和 React，使用它来构建面板和呈现复杂多变的数据，不仅能够确保功能上的完善和多变，而且可以确保视觉层面上的自然好看。Horizon UI 还有付费的 Pro 的版本可供选择。