DEV Community

Cover image for Rethinking Icon Workflows from Figma to Production
Muhammad Mousa
Muhammad Mousa

Posted on

Rethinking Icon Workflows from Figma to Production

Rethinking Icon Workflows from Figma to Production

Lately, I’ve been experimenting with different ways to handle icon workflows from Figma to production, especially when working on design systems.

One thing I kept running into:

Most setups either:

  • rely on huge icon libraries
  • or require multiple disconnected steps (export → clean → generate fonts → integrate)

After a while, the process starts feeling fragmented.

So I started exploring a more “all-in-Figma” approach with a plugin called IconNova.

A few things stood out to me:

  • Generating ready-to-use outputs (React, Vue, JSX, Tailwind, fonts) in one flow
  • Keeping everything offline (no data leaving Figma)
  • Managing selection, favorites, and export without jumping between tools
  • Exporting only what’s actually used instead of entire libraries

The interesting part is that it started feeling closer to a real dev workflow rather than just a design tool.

I’m curious how others are handling icon handoff today in real projects.

Do you prefer:

  • icon libraries (Iconify, Hugeicons, etc.)
  • custom pipelines
  • or something more integrated inside Figma?

Would love to hear what’s working well, and what still feels painful in your workflow.

If anyone’s curious, this is what I’ve been experimenting with:
https://www.figma.com/community/plugin/1619361051850350459

Top comments (0)