SVG Export丨SVG导出

SVG Export

SVG导出

作者
Hamish
类别
🪄 编辑&造型
定价
免费

✏️ 介绍

这是一款用于在 Figma 中批量优化和导出 SVG 的插件。它基于 SVGO 进行 SVG 优化,并支持通过 Preset 统一不同类型图标和插画的导出规则,适合 Icon Library、设计系统和前端交付场景。

🔨 功能

1. 支持优化 SVG 并减小文件体积 2. 底层使用 SVGO 进行 SVG Optimization 3. 支持实时预览不同设置对 SVG Code 和图标外观的影响 4. 支持使用 `currentColor` CSS 属性,让图标自动继承文字颜色 5. 支持将 Figma Layer Name 转换为 SVG Class 6. 支持创建和管理不同类型的 Export Preset 7. Preset 可用于单色图标、插画和动画分层等不同导出场景 8. 支持将选中的多个 SVG 导出为 `.zip` 文件 9. 支持导出为包含所有选中图层的 SVG Sprite Sheet 10. 内置 Default Preset,主要用于减小 SVG 文件体积 11. 内置 Monochrome Preset,会移除 Fill 和 Stroke,并在 SVG 元素上使用 `currentColor` 12. 内置 Layer Names -> Classes Preset,将 Figma 图层名称写入 SVG Class 13. 支持自定义 Preset 名称和优化选项 14. Preset 会保存在当前 Figma 文件中 15. 同一文件的团队成员可以查看和修改 Preset 16. Preset 不会自动同步到其他 Figma 文件 17. 支持导出 Preset,并在其他文件中重新导入 18. 适合图标库、Design System 和需要统一 SVG 代码规范的前端交付场景

想看同分类更多插件?去🪄 编辑&造型分类页浏览。