The latest articles on Forem by Muhammad Mousa (@muhammad_mousa_8429cfcc86). https://forem.com/muhammad_mousa_8429cfcc86 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3914622%2F8688794a-9cf7-4ba5-bf80-40936f1628c6.jpg https://forem.com/muhammad_mousa_8429cfcc86 en Muhammad Mousa Tue, 05 May 2026 19:39:49 +0000 https://forem.com/muhammad_mousa_8429cfcc86/rethinking-icon-workflows-from-figma-to-production-1ni2 https://forem.com/muhammad_mousa_8429cfcc86/rethinking-icon-workflows-from-figma-to-production-1ni2 <h1> Rethinking Icon Workflows from Figma to Production </h1> <p>Lately, I’ve been experimenting with different ways to handle icon workflows from Figma to production, especially when working on design systems.</p> <p>One thing I kept running into:</p> <p>Most setups either:</p> <ul> <li>rely on huge icon libraries</li> <li>or require multiple disconnected steps (export → clean → generate fonts → integrate)</li> </ul> <p>After a while, the process starts feeling fragmented.</p> <p>So I started exploring a more “all-in-Figma” approach with a plugin called IconNova.</p> <p>A few things stood out to me:</p> <ul> <li>Generating ready-to-use outputs (React, Vue, JSX, Tailwind, fonts) in one flow</li> <li>Keeping everything offline (no data leaving Figma)</li> <li>Managing selection, favorites, and export without jumping between tools</li> <li>Exporting only what’s actually used instead of entire libraries</li> </ul> <p>The interesting part is that it started feeling closer to a real dev workflow rather than just a design tool.</p> <p>I’m curious how others are handling icon handoff today in real projects.</p> <p>Do you prefer:</p> <ul> <li>icon libraries (Iconify, Hugeicons, etc.)</li> <li>custom pipelines</li> <li>or something more integrated inside Figma?</li> </ul> <p>Would love to hear what’s working well, and what still feels painful in your workflow.</p> <p>If anyone’s curious, this is what I’ve been experimenting with:<br> <a href="https://www.figma.com/community/plugin/1619361051850350459" rel="noopener noreferrer">https://www.figma.com/community/plugin/1619361051850350459</a></p> webdev designsystem handoff figma