积累了大量图标资源，想快速迁移建库？
这是每个团队切换到 Ardot 时都会遇到的第一个问题。过去在 iconfont、Codesign 上沉淀的数百个图标，如果靠传统方式搬过来，流程一点都不轻松：打开项目逐个下载 SVG → 解压筛选整理文件 → 一个个拖入设计工具 → 手动调整尺寸、间距和排列方式 → 再封装成组件方便复用。
简单说：导入图标本身并不麻烦，麻烦的是把一整套图标库稳定、完整、可复用地搬进设计画布。
为了解决这类高频问题，Ardot 上线了「图标库导入 Skill」：
- 支持批量导入 iconfont、Codesign 图标项目、本地大量 SVG 图标项目资产，支持平台项目链接、SVG、ZIP 格式上传
- 支持解析大量图标，将图标自动化排列到画布，并一键沉淀图标组件库
上传：选中 Skill，在 Ardot 上传你要导入的资源
传统方式中，设计师需要先判断资源来自哪里，再决定是下载 SVG、解压 ZIP，还是复制某个在线链接。不同来源对应不同操作路径，容易因为格式不一致而反复尝试。
Ardot 支持多种文件类型上传。选中「图标库导入」Skill / 也可以直接用自然语言在小助手对话框里描述“帮我导入这个图标库”即可上传。
可上传文件类型（项目链接 or 资源文件）
| 导入来源 | 支持方式 |
|---|---|
| iconfont | 支持上传 Symbol 在线 JS 链接 |
| Codesign | 支持上传图标库项目 JS 链接 |
| 项目 ZIP | 支持上传 iconfont 项目压缩包 或 SVG 压缩包 |
| SVG 文件 | 支持批量上传svg图标（少量svg图标建议直接拖拽画布） |
需要注意的是：项目链接不是对应项目的浏览器地址哦，而是资源项目一种可解析资源的地址链接，以.js后缀结尾。
例如：//at.alicdn.com/xxxxxxxxxxx.js
还有一些小伙伴不知道如何获取iconfont/codesign的项目.js链接，可以看下面的流程：
导入：解析完成后自动排版，整套图标一次落到画布
传统导入方式最耗时的部分，不是把一个图标放进画布，而是把几十个、几百个图标整理成一套可阅读、可检查、可继续使用的图标表，Ardot「图标库导入 Skill」会在解析完成后自动完成批量排版。
- 图标统一为约 24 × 24 px
- 图标之间保留清晰的水平和垂直间距
- 自动根据画布宽度计算列数
- 不同来源或不同项目分组展示
- 图标命名保留名称区域，方便识别与查找
- 大批量图标按统一规则排列，避免导入后散落在画布各处
沉淀组件：一键沉淀为组件，让导入的图标真正可复用
把图标放到画布上只是第一步。对于团队设计协作来说，更重要的是让这些图标能够沉淀为统一资产，供后续页面和项目持续复用。
在 Ardot 里完成一次图标导入后，画布中会出现「导入组件库」操作。点击后，可以将刚刚导入的图标批量转入组件库。
使用资源：随取随用，让图标融入后续设计
图标导入画布并确认无误后，点击成功导入组件里的「导入组件库」，即可将整套图标批量沉淀为组件，通过以下三种方式使用：
- 复制组件图标，粘贴到对应画布位置进行使用
- 通过右侧功能区里的切换实例进行组件内的图标替换
- 左侧功能区里的 tab 切换到组件，找到对应图标组件拖拽到画布使用
设计师可以选择发布组件，在以下场景中使用：
- 在页面中复用同一套图标
- 避免不同页面重复导入同一个图标
- 后续统一维护和替换
- 将客户或团队已有的图标规范沉淀到 Ardot 设计流程中
其他：图标项目文件迁移
1.如果用户的图标资源是沉淀在 Figma 等的项目文件里，支持保存本地文件导入到 Ardot 里
2.SVG 图标也可以直接拖拽到画布里，只有少量 SVG 可以直接拖入画布里使用
本文作者@腾讯设计Ardot。原文链接：https://mp.weixin.qq.com/s/iuEXivrwYdAH2erijgQhCQ