Export icons directly from Figma frames into your React project with our tool, streamlining your design-to-code process for faster, consistent development.

Hey everyone! I've always believed in the importance of bridging the gap between Design and Development to speed up delivery and minimize technical debt. Many organizations opt for a custom Icon library, engaging brand designers to craft unique iconography that adds character to their products. However, the handover process often proves challenging and inefficient. From my experience across various companies, updating icons individually is time-consuming and inefficient for developers. This insight led me to develop Figma Icons – a tool that generates a complete React Icon Library from icons within your Figma frames. This aims to streamline workflows for product designers and developers, positioning Figma as the single source of truth. Currently offered as a freemium tool, I'm eager to see if it truly enhances efficiency for both developers and designers. Looking ahead, I plan to incorporate this into the Blocks In App Design System Management tool, automating the process to ensure design and development files, including GitHub resources, are always in sync. Here you can learn more about the tool: https://blocksin.com/ I believe this tool has the potential to revolutionize how we handle icon libraries and streamline our design and development processes. I'm looking forward to your feedback and suggestions to make it even better.

@sebiko_studio great idea! upvoted! Would be happy to get your support on our launch as well. Tap on notify so that you don't miss it.

@anshul_raghav Thank you for your support! Sure! Let me keep an eye on your launch!

@meryem_ghazi Thank you! I appreciate your support!

The tool is great. You can further optimize the svg paths using svgomg, are you using it?

@zignis I did some basic manual optimization but you are right, I could probably enhance it further and use SVGOMG - I will add the update! If you have any other suggestions feel free to share! Thank you!

Congrats on the launch! I can see this tool being used more and more to bridge the gap between design and development, for a future where "push to master" becomes a reality! 😅

Figma Icons

Generate React Icon Libraries Directly from Figma

Generate React Icon Libraries Directly from Figma

Figma Icons

Generate React Icon Libraries Directly from Figma

Generate React Icon Libraries Directly from Figma

Do you use Figma Icons?

Do you use Figma Icons?

You might also like