告别iconfont审核烦恼：自己动手搭建，从figma到前端一步搞定

导语

作为一名前端开发人员，我们经常需要使用图标来美化和增强用户界面。在过去，我们常常依赖阿里iconfont平台来获取图标资源。然而，阿里iconfont的审核流程繁琐，导致图标上传和使用效率低下。为了解决这一问题，本文将介绍一种简便的方法，通过自己搭建图标平台，从figma直接上传图标，一步搞定，彻底解决阿里iconfont审核慢的问题，同时保留了阿里iconfont平台的主要功能，提升工作效率。

搭建自己的图标平台

搭建自己的图标平台并不复杂，可以使用开源项目iconfont-cli来实现。iconfont-cli是一个命令行工具，可以帮助我们快速搭建一个图标平台，并提供从figma直接上传图标的功能。

步骤如下：

1. 安装iconfont-cli：

npm install -g iconfont-cli

2. 初始化项目：

iconfont-cli init

3. 上传图标：

iconfont-cli upload figma <figma_file_id>

使用figma上传图标

figma是一款流行的设计协作工具，我们可以使用figma插件直接将图标上传到我们的图标平台。

步骤如下：

1. 安装figma插件：

https://www.figma.com/community/plugin/799679328855803042/Iconfont

2. 打开figma文件，选择要上传的图标，点击插件图标上传即可。

保留阿里iconfont平台功能

通过自己搭建图标平台，我们可以保留阿里iconfont平台的主要功能，例如：

• 图标搜索
• 图标分类
• 图标预览
• 图标下载

具体实现：

我们可以通过修改iconfont-cli的配置文件来保留这些功能。

配置文件路径：

~/.iconfont-cli/config.js

配置文件内容：

module.exports = {
  // ... 其他配置项
  features: {
    search: true, // 开启搜索功能
    category: true, // 开启分类功能
    preview: true, // 开启预览功能
    download: true, // 开启下载功能
  },
};

结语

通过自己搭建图标平台，我们不仅解决了阿里iconfont审核慢的问题，还保留了阿里iconfont平台的主要功能，大大提升了我们的工作效率。这种方法简单易行，可以帮助我们快速搭建一个满足自己需求的图标平台。