Figma Icons

Generate React Icon Libraries Directly from Figma

86 followers

Generate React Icon Libraries Directly from Figma

86 followers

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

Free

Launch tags:Design Tools•User Experience•Icons

Launch Team

LoomTalk it through in Loom. Ship with AI

Promoted

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.

Report

3yr ago

@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.

Report

3yr ago

Figma Icons

Maker

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

Report

3yr ago

Figma Icons

Maker

@meryem_ghazi Thank you! I appreciate your support!

Report

3yr ago

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! 😅

Report

3yr ago

maravilloso producto excelente para Genere bibliotecas de iconos de React directamente desde Figma esta increible gracias por el servicio fenomenal

Report

3yr ago

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

Report

3yr ago

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

Report

3yr ago

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!

Report

3yr ago

easybranding.io

Congrats on the launch! We do a lot of figma to react conversion. I might give it a try :)

Report

3yr ago

Figma Icons

Maker

@thejorgemedina Thank you 🙏 Check out the new beta feature for Illustrations export!

Report

3yr ago

mern.ai

Nice! I'm gonna share this with my dev team. Congrats on the launch!

Report

3yr ago

Figma Icons

Maker

@iamarfas, thanks for your message! Please do let me know if you come across any bugs 🐛 . I'm confident that your team will find it incredibly useful.

Report

3yr ago

1 2

Reviews