I am the CEO and co-founder of Anima - Automated design to code (i.e. Figma to React).

With over 600K installs, Anima is the #1 tool for developers in the Figma store and was recently named a representative vendor of the design-to-code space by Gartner.

I talked recently about the future of product design and development teams, and here, I put things in writing.

Hi!

Yes, you can actually try out a sample project without the Sketch file - After signup, select "Create sample project".

Then go to Code-mode and pick any part of the design to get React code. Developer 101: https://www.animaapp.com/resources/anima-101

In Code-mode, there's a settings icon, you can pick functional or class-based components. The idea is to have more settings coming, like styled components (CSS in React) etc.

Regarding Speed - Yes! once you've synced a design file (may take 1-2 minutes for multiple screens), you can pick any part of it and get React components code in 1 second.

Let me know how it works for you, thanks!!

Haha thanks for the kind words!

If you're going to do React soon, give it a shot, it's free and it'll save you precious time. I'd love to hear your feedback.

Thanks!

1/ Trial - React is currently opened and free for everyone. Go to the "Developers" tab here to see how to use it: https://www.animaapp.com/resources/anima-101

2/ Both! The idea is that you'll get code that suits you. You can already decide on class/functional components. We'll add more conventions down the road.

Until we have a new one: https://www.youtube.com/watch?v=1gnxY6eC_78