Figma to React Component in Five Minutes

Подписаться 975

Просмотров 100 тыс.

50% 1

learn about recent updates: / robertnowell1
Rendition saves engineers time implementing designs in react.
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

Опубликовано:

29 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 31

@history3042 2 года назад

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.

@RedBeardRetroTech Год назад

Classic

@warriorfb2010 Год назад

$30/month is NOTHING lol. Am i missing something?

@catspassion2949 Год назад

@@warriorfb2010 Not everyone has the privilege to throw money at their problems. it's called common sense

@gruweldaad 10 месяцев назад

@@catspassion2949losers

@andreibudaes3966 6 дней назад

@@warriorfb2010 yeah...$30 for a plugin, figma itself costs less, not paying a subscription for a separate plugin...lol

@MrDextroll 2 года назад

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

@robertjnowell 2 года назад

Thanks, working on the next video now!

@emmanuelsofuwa280 Год назад

A longer work through would be highly appreciated

@aninosspro 2 месяца назад

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

@masterv2.045 2 месяца назад

if this work i'll love you forever

@sibashritpattnaik5911 Год назад

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

@abc_cba 2 года назад

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

@ashrafshaikh5175 2 года назад

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

@chrismasters8884 Год назад

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

@chubbyBunny94 9 месяцев назад

but CSS is fun??!

@Cubannerd 2 года назад

This is exactly what I was looking for.

@abc_cba 2 года назад

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)

@starvingdev 2 года назад

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

@Minetic 3 месяца назад

Rendition is awesome.

@Missmmmmmmmmmm Год назад

i enjoy your vid a lot!!! thanKS!

@raJeshraOte14 Год назад

thanks pls do share a long tutorial too

@GodswillEzekiel-fm1rq Год назад

I would like to see how its done

@massiah1298 Год назад

But rendition is not free

@mjosuex85 Год назад

Amaizing

@Human_Evolution- 2 года назад

5 minutes!!!!!???????

@suntoes 2 года назад

is this real?

@redinternet9893 2 года назад

is it free for all ?

@hwj8640 2 года назад

really cool

@iukeay 2 года назад

Does it work with animations?