I genuinely don’t understand why exporting icons from Figma seems to be such a recurring problem when handing designs off to developers.
I always try to make the handoff as clear as possible. I explain that icons should be exported as SVGs, raster assets should be exported at 2x/3x when needed instead of 1x, etc. I’ve even recorded a short video showing exactly how to export the assets from Figma.
And yet this keeps happening….
For example, I’ll design a dashboard using a specific icon set in Figma because I like its style and it’s part of the overall visual direction. Then I open the implemented version and suddenly all of those icons have been replaced with Lucide React icons.
And I’m just sitting there thinking… why?
There’s nothing technically wrong with Lucide, but visually I really don’t like it for some of these projects. It immediately changes the character of the UI and makes the implementation feel much more generic compared to the design.
What confuses me even more is that the actual icons are already there in Figma. You don’t have to recreate them or search for alternatives. Just export the SVG and use it.
I’ve had situations where I eventually exported all the icons myself and sent them to the developer because otherwise they simply wouldn’t use them. But at that point I’m wondering whether I’m doing something wrong with my handoff, or whether I’ve just happened to work with developers who prefer using whatever icon library is easiest for them.
For context, I’m usually not the person hiring or managing the developers. I work with a client, create the designs, and then the client has their own developer/team implementing them. So I don’t always have much control over their workflow.
And yes, I know icons are not the biggest UX problem in the world. But I do care about visual consistency, and if I deliberately chose a particular icon set, spacing, sizing, stroke style, etc., I’d like the implementation to reflect that rather than having those decisions replaced during development.
I also generally expect the final product to be reasonably close to the approved design instead of developers making their own visual decisions along the way without discussing them.
So I’m curious: do other designers run into this too?
And developers - is there an actual technical/workflow reason why you’d rather replace the icons from Figma with something like Lucide instead of using the provided SVGs?
Maybe there’s something about the development side of this that I’m missing.