How to automatically convert Figma to React
Vložit
- čas přidán 17. 08. 2024
- 🚀 Try out the DhiWise: www.dhiwise.com/
Are you tired of manually coding every single component and design element from Figma to React? It’s time to stop doing it by hand and start leveraging AI to get convert Figma designs to React code entirely automatically.
CHAPTERS
0:00 Intro
0:37 Prepping your Figma designs for conversion
3:41 Creating reusable components
5:22 Making your project responsive
8:15 Syncing changes made in Figma
9:17 Exporting the code
10:50 Outro - Jak na to + styl
thank you so much for the toutorial. love u
why api integration and navigation feature are not working. And it shows like coming soon
Please make an updated video explaining how Figma prototype animations are converted to code via the DhiWise platform. Consider showcasing different styles of basic Figma animations like carousels, tickers, snapped-scrolling, etc. This would help not only me, but other people out too who are stuck and confused on keeping your prototypes on Figma and have them convert to code via DhiWise.
Please consider it, it'll help a lot of people out including me 🙏🙏🙏🙏🙏🙏🙏
We identify carousels [ docs.dhiwise.com/docs/Designguidelines/component-specific-guidelines/change-view-components#slider ] and generate code for that. However animations are currently not supported.
How if i update the design in figma. Should we convert it again from zero or we can sync it with the figma design
Hi Ahmad, new changes from your Figma can be easily synced to existing Dhiwise application. Here is a doc on how to do so- docs.dhiwise.com/docs/react/sync-design-changes
@@dhiwise thanks
how to download code for free?