Last Updated on 12th August 2024
Our tool converts static and interactive Figma designs to React and HTML/CSS to an almost pixel-perfect extent. Our tool supports various types of linear Frame-to-Frame prototyping interactive prototyping Figma flows.
For either type, you just need to start by selecting the Static Frame or the Starting Frame of the flow(Interactive Prototype). For Static Designs, you get the option of copying the code. If you’re converting an interactive prototype into code, you'll also get animation scripts (javascript) that'll be responsible for animation's control flow.
You can just copy & paste the generated code in your project. We’ve also provided a direct ‘Preview in Code Sandbox’ option that lets you skip the copy-paste effort and directly makes you preview the result as well as the encompassing code.
We've added a lot of new features and squashed some bugs!🐛
Here’s a video explanation of the basics of Dualite
Here’s a video explanation of the basics of Dualite
Super-excited to share the launch of Component Mode and Page Mode for Dualite 2.0! Looking at the needs of Figma being used by both designers and devs, we’ve introduced these two separate modes. Component Mode to generate high-quality and reusable code components for developers, and Page Mode to convert your favourite userflows and pages to code in a click for designers