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.
@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
Tigbar
Figma Icons
Figma Icons
Figma Icons
Figma to Tailwind CSS