SheepNav
IconNova

IconNova

producthunt.com

Figma图标秒变生产代码

5天前制作者:Muhammad Mousa, IxDF®

关于 IconNova

IconNova 是一款专为设计师和开发者打造的 Figma 插件,能够将图标瞬间转化为可直接投入生产的代码资产。图标交接常常充满混乱——导出格式不一致、手动清理、设计与开发之间的返工。IconNova 在 Figma 内部完美解决这些问题:

核心功能

  • 纯净 SVG 导出:自动生成带有 currentColor 属性的 SVG,方便主题化。
  • 图标字体生成:一键导出 TTF、WOFF、WOFF2 格式的图标字体。
  • 代码与样式映射:自动生成 JSON 和 CSS 映射文件,方便前端集成。
  • 完全离线运行:所有处理在本地完成,保障设计数据安全。

主要特性

  • 即时转换:无需离开 Figma,选中图标即可生成多种格式。
  • 生产就绪:输出的代码无需手动调整,直接用于开发。
  • 批量处理:支持一次性处理多个图标,大幅提升效率。
  • 高度可定制:可自定义字体名称、字形前缀等参数。
  • 活跃社区:上线数日即获 600+ 用户,持续更新中。

适用场景

  • 设计系统维护:快速将图标库同步为前端可用的代码资产。
  • 跨团队协作:消除设计与开发之间的格式壁垒,减少沟通成本。
  • 快速原型开发:设计师导出图标后,开发者可直接在代码中使用。

无论是个人项目还是大型团队,IconNova 都能显著简化图标交付流程,让创意更快落地。

相关工具