Sketch->JINGWHALE->Symbol Tool>Icon Symbol

一、为什么要icon symbol

  1. 1、便于切换icon，比如顺序icon
  2. 2、减少图层
  3. 3、自动symbol导出图标名称，便于开发使用图标
  4. 4、项目开始建立icon symbol图标库，便于图标的统一更新

二、icon symbol 的使用

1、规范化图标边界
2、便于添加、修改、删除图标
3、可以修改图标的颜色
4、自带导出图标的名称
5、使用iconfont的尺寸设计与修改，16*16的尺寸使用icon

三、使用

1、生成Icon symbol

选中要转化为symbol的icon（单个或多个），插件->Icon symbol，即可：
image.png

2、使用Icon symbol

1）、置入icon
置入->选择symbol icon：
image.png

2）、修改icon颜色
icon symbol 插件对图标的形状结合做了共享样式，可以通过共享样式修改icon的颜色，只要有共享样式库便可以对icon颜色修改。

共享样式库需要自己依据项目需要自己设定或者使用现有主流的设计系统提供（如，Ant Design等）。

示例：使用Ant Design的共享样式库对icon颜色修改：
icon symbol改变颜色.gif

3）、自动导出图标和图标名称，便于使用者使用
image.png

六、后续功能

后续功能.png

image.png