How to automatically convert Figma to React

Sdílet
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

Komentáře • 8

  • @Paladoriom
    @Paladoriom Před měsícem +1

    thank you so much for the toutorial. love u

  • @Pranav-o1z
    @Pranav-o1z Před 7 dny

    why api integration and navigation feature are not working. And it shows like coming soon

  • @mechtxofficial
    @mechtxofficial Před 24 dny

    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 🙏🙏🙏🙏🙏🙏🙏

    • @dhiwise
      @dhiwise  Před 11 dny

      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.

  • @ahmadfaisol7496
    @ahmadfaisol7496 Před 19 dny +1

    How if i update the design in figma. Should we convert it again from zero or we can sync it with the figma design

    • @dhiwise
      @dhiwise  Před 11 dny +1

      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

    • @ahmadfaisol7496
      @ahmadfaisol7496 Před 11 dny

      @@dhiwise thanks

  • @AsPride
    @AsPride Před 9 dny

    how to download code for free?