Figma to React in One Click: Instant Design to Code

We had a bunch of figma designs waiting to be implemented, so we decided to built a tool that would do it for us.
Let us know if it helps you work faster, or if you have any issues

We got tired of writing HTML and CSS by hand, and we love using Figma as our design tool, so it was clear to us that something like Rendition could be useful. We built it both for javascript and typescript, and this version outputs typescript. Would be great to hear your thoughts on this, and if it's helpful as you go from design to code and figma to react. Figma to code is, we hope, part of the future. Our goal is instant design handoff from designer to developer

[BuildCrafting]

It's truly astounding how easy the internet makes learning these days. Thanks for the tutorial, my guy.

[InsaneSportsUpdates]

looking forward to learning from the rest of your videos. Subscribed!

[backtothehouse]

Responsivity - next level stuff right here. Well done

[suppasupppa]

Definitely trying this out. Thanks mate

[wisereveryday]

Thanks guys, I will try it out. I would go for responsiveness. Flex box stretch... Maybe we label components in figma in such a way it shows the responsive behavior.

[ayzstudio]

This is awesome, Responsiveness should be next feature 😘😘😍

[miguelpacheco]

TNice tutorials is much more simple than I thought with you explaining it. Currently half way through and I feel like I know everytNice tutorialng already lmao

[nathanelinon]

Hey Mike, thanks for the video. I am considering purchasing soft softs for the first ti. Do you have the personal version or the

[nikitisza]

As a UX designer, who's just started dabbling with React, this plugin could be super useful. I installed the plugin and am looking forward to the next update 🙂

[yamanas]

Names and Responsiveness both, please. But I would go for better names first. Great demo, really like the idea.

[gamesus]

What if we need also responsive / adaptive design mentioned on different figma viewport ? If there different amount of components in different cases? How they should render? Performance questions arise as well.

[oanhle]

found actually helpful for people started from scratch

[noname]

Yoo tnx dude, everytNice tutorialng works. I LIKE IT

[sumeetgala]

Does it work with Zeplin? Definitely Responsive will be good.

[mrfreeandclear]

Ive designed an app in illustrator do I need to bring it into figma whats the best way to code from illustrator? tks

[chipantashicollaguazodenis]

onto the software. I'd like to make soft from my ukulele, keyboard, etc., but don't know how to transfer. Do I need a microphone or

[maurillekobri]

Awesome job there, guys! And to go in the direction of what others suggested, if responsiveness is achieved, then, it would be a bigger "plus". Nonetheless, "rendition", at this stage is a super-awesome product. Well done, guys!

[osasferguson]

Nice and great. Responsiveness would be a great plus

[BlitzYT_.]

obsessed with soft design now and more obsessed with cool scales Nd stuff.

[dilli]

u have a tutorial how to record Youre voice on a soft in soft soft?