Figma Icons

Figma Icons

Generate React Icon Libraries Directly from Figma

87 followers

Visit website
Export icons directly from Figma frames into your React project with our tool, streamlining your design-to-code process for faster, consistent development.
Figma Icons gallery image
Figma Icons gallery image
Figma Icons gallery image
Figma Icons gallery image
Figma Icons gallery image
Figma Icons gallery image
Free
Launch tags:Design Tools•User Experience•Icons
Launch Team
Auth0
Auth0
Start building with Auth0 for AI Agents, now generally available.
Promoted

What do you think? …

Sebastian
Figma Icons
Maker
📌
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.
Anshul Raghav
@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.
Sebastian
Figma Icons
Maker
@anshul_raghav Thank you for your support! Sure! Let me keep an eye on your launch!
Sebastian
Figma Icons
Maker
@meryem_ghazi Thank you! I appreciate your support!
zignis
The tool is great. You can further optimize the svg paths using svgomg, are you using it?
Sebastian
Figma Icons
Maker
@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!
Eugenio Ciccale Ⓥ
Figma to Tailwind CSS
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! 😅
Jorge Medina
Congrats on the launch! We do a lot of figma to react conversion. I might give it a try :)
Sebastian
Figma Icons
Maker
@thejorgemedina Thank you 🙏 Check out the new beta feature for Illustrations export!
Garen D Orchyan
Emma: AI Food Scanner
Great job, like it. Best of luck today ❤️🦄
Sebastian
Figma Icons
Maker
@orchyan Thank you!
Sebastian
Figma Icons
Maker
To thank you all for your support I just launched a new beta feature: Illustrations Mode! Now, you can generate a comprehensive Illustration React Library directly from your Figma frames. Plus, with the new Color Analytics tool, create a tailored color scheme from your illustrations in seconds. This update aims to drastically simplify asset management and rebranding processes, saving you time and reducing maintenance costs. Perfect for developers and designers looking for an efficient workflow! I am looking forward to your feedback! Here you can see the video with the new feature: https://youtu.be/V5w4dWlaTYw
Shahmir Faisal
MyDevPage
Congrats on the launch Sebastian!
12
Next
Last