概述

CoDesign 支持创建团队图标库, 设计师之间可以通过 CoDesign 插件调用矢量图标,无需再为图标切多个尺寸倍数、多个颜色的 PNG。支持自定义下载多种格式使用,可将 icon 转换为字体,便于前端工程师自由调整与调用。

常见问题

如何修改图标名称和 Unicode?

在图标库中选中图标,在右侧的面板中,点击对应内容即可编辑修改。

img

Figma 导出的图标,上传后显示异常

首先需要删除图标框架中所有隐藏的图层,所有元素都必须合并为一层。

img

img

合并图层后,将“轮廓线 Storke”应用于合并的形状。

img

单色图标保留颜色上传,多色图标需要进行去色上传。

img

SVG 上传后显示不正确

SVG 上传不正确主要原因是没有按照以下三个原则对图标进行处理。

使用任何的设计软件,在导出 SVG 之前要先按照以下三个原则对图标进行处理。

  • 闭合:图标路径锚点要处于封闭状态

    img

  • 合并:如果有多个图形进行组合,要对图形合并且扩展

    img

  • 轮廓化:要将描边转化为闭合图形,填充颜色

    img

是否支持上传彩色图标?

团队图标库支持多色图标的上传,支持多图层多路径的图标。同样尽可能保持同颜色的形状进行轮廓化处理即可。

img

目录