批量导出

iconkit 支持将设计稿中所有图标批量打包导出,当然这些图标须是由 iconkit 添加的。点击底部工具栏最右侧的「批量导出」按钮,即可进入批量导出界面,点击「导出」按钮即可完成导出。
我们会为批量导出做好预设,当然你也可以点击「导出设置」,展开导出设置面板进行配置。

导出设置

我们针对不同类型的图标提供不同的导出配置。这里的逻辑与交互与 Sketch 原生的导出功能十分相似,熟悉 Sketch 的话很容易上手。你可以通过点击每种类型图标右侧的「加号」按钮,添加一种导出配置。每种导出配置需要选择导出格式,导出的倍数,以及是否需要在导出的图标命名中添加前后缀。

单色矢量图标的去色功能

由于单色矢量图标在设计稿中可能被填充了不同的颜色,因此需要选择在导出过程中是否保留不同的图标颜色。如果保留颜色导出,不同填色的图标都会被分别导出,并在命名中保留颜色信息作为区分。如果去除颜色导出,相同的图标只会保留一种颜色导出,最后保留的颜色可能与文档中图标的图层位置与导出顺序有关,命名中也不会保留颜色信息。
选择是否保留颜色导出,与后续的开发方式紧密相关,根据研发的方式灵活选择合适的导出配置。一般而言,如果被导出的 SVG 图标,接下来会被处理成 iconfont 使用,则通常不保留图标颜色;如果 SVG 图标会被直接应用到开发当中,则通常保留图标颜色。