Subscribe
Sign in
Dualite
Local-first AI builder for mobile and web apps
Start new thread
Rohan Chaubey

Dualite 2.0 - Figma to code in a click

by
🥑 Introducing Component Mode and Page Mode for Dualite 2.0! 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

Add a comment

Replies

Best
Rohan Singhvi
Maker
👋 Hey everyone! Rohan again, the Co-Founder of Dualite. After getting such an amazing response from our first launch of Dualite, we iterated over the feedback and matured our product furthermore focusing much more on developers 🥑 Introducing Component Mode and Page Mode for Dualite 2.0! 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 🔥 Dualite is a proven game-changer with generating more than 150 Million lines of high quality code for the likes of companies such as Atlassian, PwC, Similarweb, Postman and Sky. Our core features: 🍜 Converting interactive prototypes and static Figma designs into React, Tailwing and HTML/CSS 🥑 New Component and Page Modes specifically for empowering developers and designers 🎯 Tagging to convert static layers into input fields, external links, custom embeds etc. 🧱 Figma Components and Variant support 🧑‍💻 Dev Mode Support 🪜 Semantic Component Naming 🤗 We look forward to receiving feedback and scaling further from the fabulous Product Hunt community!
Jeffrey
@rohan_singhvi1 A very great job Excellent one man The best app for me and my teams Congratulation on your launch man
Abdal Yousef
@rohan_singhvi1 🌟 Absolutely thrilled to see the launch of Dualite 2.0! The addition of Component Mode and Page Mode is a true game-changer for developers and designers alike. The ability to generate high-quality, reusable code components and convert entire userflows into code with a single click is simply brilliant. The team has clearly listened to feedback and delivered a polished, user-friendly interface that significantly enhances productivity. Kudos to the team for such a thoughtful and impactful iteration. This definitely deserves recognition! 🚀👏 @mukul1312, @shivam_agarwal17, @siddhant_jain16, @divyanshu_choudhary, @prakhar_tandon_1, @sayan_majumder
Joseph Abraham
@rohan_singhvi1 congrats on the launch!
Ishaan Dhaddha
@rohan_singhvi1 great product, keep going!
Amit Arora
@rohan_singhvi1 this will be super helpful for me and my team, congratulations for the launch 🎉
Tyrone Robb
I have seen a few things like this lately, but I am unsure if it would be any good for someone like me (ok in Webflow and Framer), would it still be a step too far?
Rohan Singhvi
Maker
@ty_robb Great point. Page Mode is essentially a step towards that but are focus it is still not a No-Code tool, but a low-code tool which provides great code and easy ability to quickly deploy sites, animations and pages
Tyrone Robb
@rohan_singhvi1 almost, but no cigar still for me. It looks really good. Good luck for the launch.
Bhavik Makwana
@ty_robb @rohan_singhvi1 No-Code is definitely the future of development at scale. Exporting and deploying code could be winning factor. Congratulation.
Chandula Perera
We were searching for something like this, and we will try it! Congrats!
Rohan Singhvi
Maker
@chandula Please do! Thanks :)
Aayush Aggarwal
This is so exciting product that it helps our company Kapwise in launching several websites faster with better design and quality. Kudos to @rohan_singhvi1 to build a such a useful product.
Rohan Singhvi
Maker
@aayush_aggarwal1 Thank you so much Aayush! Much appreciated :)
Zenda
Congrats on the launch! It's really great for a Figma loyal user like me haha. I plan to try Dualite for the next project.
Rohan Singhvi
Maker
@zenda1122 Thank you so much :) We literally have a Medium page called "Figma fanatics" haha https://medium.com/@dualite
Zenda
@dualite @rohan_singhvi1 Followed! haha
Roman Martirosyan
💎 Pixel perfection
Congratulations on the launch! How do Component Mode and Page Mode ensure that the generated code is not only high-quality but also maintainable and scalable for large projects?
Rohan Singhvi
Maker
@r_martirosyan Scalability is something we've prioritised a lot for Component Mode. By allowing you to select a UI component and generate reusable code, we're giving you building blocks from which you can layout and scale based on your preference.
Ayhan Dzhemalov
Jumping on board to try this. Very keen to explore what you guys are doing differently :) Congrats on the launch and good luck!
Rohan Singhvi
Maker
@ayhan_dzhemalov Thanks Ayhan :)
Alexandre Contador
We've been working with Figma for months, this is a great enhancement in exporting it straight to the raw code. Congratulations on the launch!
Rohan Singhvi
Maker
@alexdigitalmkt Thanks Alexandre! Do try it out :)
Ksenia Meshkova
Congrats!!🙌🏻🍀 Thank you for this very necessary tool! We have tried many, but have not yet found a truly high-quality one. We'll definitely give it a try. I have a question about the security of designs—is it safe?
Ksenia Meshkova
@rohan_singhvi1 Thank you!!
Saransh Anand
Congrats @rohan_singhvi1 ! Component mode looks like an absolutely fun, dev-centric way to get your UI components to reusable code
Rohan Singhvi
Maker
@saransh_anand Thanks a lot!
Rupak Mishra
It looks really great! Congrats on the launch 🚀🔥
Rohan Singhvi
Maker
@mshra_ji Thanks a lot ! Looking forward to your feedback.
Abhinna Mehta
One of the best tools to automate quality coding. Big congratulations to @rohan_singhvi1 On the release! 📈🔥
Rohan Singhvi
Maker
@abhinna_mehta Thanks a lot!
Sankeerth Julapally
Loving the new Component Mode! 💪 With Dualite handling both React and Tailwind, are there plans to support other frameworks or libraries in future updates?
Rohan Singhvi
Maker
@sankeerth_julapally Thanks a lot Sankeerth! There definitely is a major scope, including React Native. But we want to perfect the current frameworks, and then move ahead :)
Thet Lin Thu
Page Mode is perfect for quick design-to-code conversions. Awesome launch, Dualite team!
Rohan Singhvi
Maker
@thetlinthu Thanks Thet! Looking forward to you using for your coolest designs and animations :)
Yanjun Lin
Well done and best of luck! Looking forward to seeing how Dualite 2.0 evolves and continues to empower developers & designers!
Rohan Singhvi
Maker
@ddwarfie thanks so much!
Aryan Trip.
I have personally used it and made my Frontend team obsolete for use-cases where I didn't want to allocate my engineering resources. Great for medium and large teams alike. Dualite Team did a great job!
Rohan Singhvi
Maker
@aryan_trip_ Thank you so much Aryan :)
Apoorva Prajapati
Hi @rohan_singhvi1 Congratulations on launching Dualite 2.0! This tool makes it super easy for developers to get high-quality code components and for designers to convert user flows into code with just a click. Best of luck with this amazing product
Rohan Singhvi
Maker
@apoorva_prajapati Thanks Apoorva :)
Benjamin Sloutsky
Very useful tool! Definitely see lots of potential for the future. Was previously looking for a tool like this for my startups before. Looks great, congrats!
Rohan Singhvi
Maker
@benjamin_sloutsky Thanks Benjamin. Looking forward to your response.
Oleksandra Vasiukhnyk
Dualite 2.0 makes converting Figma designs to code effortless. This could significantly speed up your design-to-development workflow and ensure consistency in your UI components. How do you see this impacting your current design process? @rohan_singhvi1
Rohan Singhvi
Maker
@oleksandra_vasiukhnyk Designing specifically is something we're not looking into. But overall design-to-development process will surely provide a lot more speed and catalyse teams to ship faster
Ramya PK
💡 Bright idea
With Dualite generating over 150 million lines of high-quality code for major companies, can you share some insights on how you ensure the code quality remains consistent and efficient? Great launch!
Rohan Singhvi
Maker
@ramya_pk By allowing you to select a UI component and generate reusable code, we're giving you building blocks from which you can layout and scale based on your preference, and the overall consistency around those blocks will remain the same.