大家好，我是彩云。没有受过专业训练的设计师经常会遇到一个问题：每当他们想在界面上添加一些插画来丰富细节时，他们不得不放弃，因为他们不会手绘。

最近彩云发现了一个非常好用的插画工具，地址是：

它可以自动生成你需要的各种插图，关键是这些插图都是可以免费用于商业用途的，绝对能帮到你。

推荐：七彩天空

它有不同的版本，我将以 Figma 为例来说明如何使用此插件。（对于没有 Mac 电脑的朋友，也可以使用 Figma 来生成插图，因此在 下也可以使用，用法也类似）

如何使用

使用非常简单，只需几个简单的步骤：

1.下载插件并安装

安装后sketch怎么导出ai文件，从插件菜单中点击Blush插件，就会出现插画库界面。

2. 生成插图

先创建一个矩形，并指定大小。这是为了给生成的插图一个位置和范围（你也可以稍后调整，这不是太重要）

选择你喜欢的插图风格，点击封面右上角的随机图标。

生成之后你还可以再次随机化其各个部分的组成，当然你也可以根据自己的喜好直接选择相应的部分

3. 导出插图

免费版会将插画的尺寸调整为中等大小再生成，调整好效果后，正常导出 PNG 图片就行了。如果要导出 SVG 矢量格式，需要付费，不过我觉得 2x PNG 图片就够了。

该插件包含哪些类型的插图资源？

1. 城市元素

2. 装饰背景

3.角色场景

还有更多的插画资源等待大家自行探索sketch怎么导出ai文件，我就不多举例了。

这种类型的插图在实际项目中是如何使用的？

彩云随便做了几个，大家可以感受一下，效果应该不错

1. 入门页面

△ 使用插件中的Tech Life主题插图

2. 网页标题图片

△ 使用插件中的主题

3. 作品集包装

△ 使用插件中的主题

4. 登录页面

△ 使用插件中的主题

结论

这款插件的原理就是将插画组件化，利用 Figma 的组件功能进行拆分重组，形成大量随机的插画。可以​​看出组件化已经成为一种思维方式，原本是在 UI 中使用，现在已经扩展到插画领域。未来还有什么可以组件化的呢？我们一起来思考吧。

因为这里的插画组件都是由世界各地优秀的插画设计师提供的，所以效果非常好，不过彩云也要提醒大家注意几点：

如有侵权请联系删除！