Menu

1 / 2

Beyond Icon Export: Building Reusable Icon Systems Inside Figma

DEV Community·Muhammad Mousa·6 months ago
#Bus1dBCR
#webdev#designsystem#frontend#figma#workflows
Reading 0:00
15s threshold

Over the past few months, I’ve been exploring a different way of thinking about icon workflows between design and development.

Initially, I thought the main problem was simply exporting icons from Figma.

But once projects and design systems start scaling, the real friction becomes something else entirely:

keeping icon naming consistent

managing reusable libraries across projects

preserving stable codepoints

avoiding fragmented handoff workflows

exporting only what’s actually needed

keeping outputs developer-friendly

That realization pushed me to rethink the workflow around a more reusable system-oriented approach instead of a simple export flow.

So I started evolving IconNova around a few core ideas:

reusable SVG library workflows

structured developer-ready outputs

cleaner React / Vue / JSX / CSS handoff

stable icon font generation

favorites & reusable collections

categorization and organization at scale

smoother workflows directly inside Figma

One thing I found especially interesting:

the…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.