Back to Plugins
IconNova - Icon to Code Engine

IconNova - Icon to Code Engine

From icons to production-ready code in seconds. Build a design system–ready icon workflow.

Plugin Preview

IconNova - Icon to Code Engine preview

About this plugin

IconNova transforms your icons into a clean, production-ready icon system in seconds.Convert vector layers into a structured, design system–ready output including an icons.json file (with stable codepoints), per-icon SVGs, icons.css with @font-face, a demo preview file, and generated TTF + WOFF fonts (when font generation is supported in your environment).Input requirements: Select vector layers or icon frames. Non-vector layers are ignored during processing.Built for designers and product teams who want a faster, more consistent handoff to engineering without manual work or external tools.Key features:Scan icons from selection, a frame, or the entire page.Curate icons in a smart grid (search, edit metadata, manage codepoints).Import existing libraries using icons.json.Export a ready-to-use ZIP for development (SVG, CSS, fonts, demo).Documentation: Guide linkPrivacy-first: No network access your data stays in Figma and your local export.

Plugin Details

Version7
CreatedMarch 27, 2026
Last UpdatedApril 17, 2026
Categorylibraries-other
CreatorMuhammad Mousa
Stats9 installs, 8 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:build/ui.js
  • main:build/main.js
  • Document Access:dynamic-page
  • Network Access:

    IconNova works offline; no external network access.

  • Editor Types:
    figma
  • Allowed Domains:
    • none