矢量与图标字体
这组工具面向从 Figma 图标到 Android、SVG 与 Web Font 的交付问题。建议先复制一份图标或使用版本历史，避免在唯一原稿上直接修改路径。
矢量图形常见两种环绕规则：
- Non-zero（非零环绕）：根据路径方向计算填充，Android VectorDrawable 等场景更常见。
- Even-odd（奇偶规则）：根据射线穿过路径的次数决定孔洞，复杂布尔图形中常见。
如果图标导出后孔洞被错误填满，可尝试把规则改为 Non-zero，并反转问题子路径的方向。
- 选中一个图层或矢量对象。
- 打开 图标填充规则。
- 点击 编辑路径。
- 点击填充区域切换环绕规则。
- 点击具体路径线反转该闭环方向。
- 回到 Figma 画布检查孔洞与重叠区域。
组件实例内部的矢量会受到 Figma 权限和组件结构限制。如果无法修改，请前往主组件编辑，或复制并分离一个用于交付的版本。
图标字体工作台
Section titled “图标字体工作台”- 在画布选中多个图标 Frame。
- 点击 预览 / 导出。
- 设置字体名称与类名前缀。
- 刷新预览，检查所有图标在字体环绕规则下的显示。
- 需要保留彩色 SVG / JS 资产时启用彩色模式。
- 点击 导出字体包 (.zip)。
免费状态最多预览 8 个图标；更多图标需要 Pro。
- 每个图标使用唯一、稳定的英文名称。
- 推荐小写短横线，如
arrow-left、user-add。 - 不要依赖 Frame 的自动重名后缀。
- 导出前处理重复名称，否则代码侧可能出现类名或映射冲突。
- 正方形基准和视觉尺寸是否一致
- 所有轮廓是否闭合
- 孔洞在预览中是否正确
- 相邻路径是否存在意外重叠
- 字体名称、类名前缀与项目约定是否一致