Figma to React Component in Five Minutes

preview_player

Показать описание

In this video, we'll start building a web app for buying and selling NFTs, so we'll be starting to build a marketplace for NFTs like opensea from Figma 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

Robert Nowell

Рекомендации по теме

Комментарии

Hi, how do you compare Rendition to that with Figma for exporting the Figma design directly to React Code ?

abc_cba

A longer work through would be highly appreciated

emmanuelsofuwa

This is amazing! Hopefully, a step by step guide comes out some time soon!

MrDextroll

Thanks Robert. I like your style - fast forwarding to save time. Concept over details.

ashrafshaikh

What he fails to mention is rendition is a paid suscription after a few uses. Dont waste your time if you were looking for a free product.

history

This is exactly what I was looking for.

Cubannerd

Thanks. this is the best Tuto I ever watch. It's the actual meaning of the Quote "To do point"

aninosspro

Do you have a tutorial on this ?
I'm willing to pay to learn Figma and React as a combination.
(Obviously, adjusting the USD to INR price)

abc_cba

thanks pls do share a long tutorial too

raJeshraOte

This was possible because of the massive use of fast forward effects.

chrismasters

if this work i'll love you forever

masterv.

Woooow lol that would have taken me half a day 🤣🤣

starvingdev

This is good for a POC sort of work but not for PROD. It will soon make the code incomprehensible.

sibashritpattnaik