Kombai - A new AI model that you can prompt with UI designs

Hello world, from team Kombai! We are excited to launch our private research preview on ProductHunt! Thanks a lot for dropping by.🙏 WHAT IS KOMBAI Kombai is a new ensemble model that can understand and code UI designs like humans. You can prompt it with design files in Figma to get high-quality React and HTML + CSS (vanilla/ tailwind) code in just a single click per component. MOTIVATION Over the past few years, frontend and fullstack devs have been complaining loudly about how tedious and cumbersome it is to code UI, particularly CSS. As developers, we have experienced this firsthand, heard our friends grumble about it, and laughed at countless memes about this in every corner of the internet where devs assemble (e.g., r/programmerhumor). However, it has only gotten worse with time - with increasingly complex designs and frontend tech stack. Design tools like Figma and XD, while great for designers, don’t generate useful code for devs. Design-to-code tools built on top of them only produce unusable spaghetti code. Even Chatgpt, such a great help in writing boilerplates and functionalities, cannot really help in translating designs! So, we thought we’d take a stab at making frontend development fun again for the devs who build all these beautiful experiences that make the modern internet what it is. KEY FEATURES Kombai’s proprietary ensemble model is able to “look at” complex, real-world designs, derive these inferences as a developer would, and generate code using that “understanding.” 🤩No manual pre-processing needed - no tagging, grouping, naming the elements, or using auto-layout is required, either in Figma or in the product itself 🥳High-quality code that can be actually used in prod: logical, div-structures, React components and names; appropriate flex CSS without hardcoded dimensions; clean JS code with loops and conditions; form elements as functional components. EVOLUTION & NEXT STEPS We developed Kombai with feedback from over 500 developers who accessed our private research preview. Their invaluable time and feedback have enabled us to rapidly and iteratively improve our underlying models. In the public research preview phase, our goal is to learn about Kombai’s strengths and weaknesses as more and more developers try it out. So, please give us a try and let us know your feedback using the options in the app or at support@kombai.com. Our team will also be live on Producthunt throughout the day to answer your questions and gather your input. We'll plan to leverage these learnings to improve the underlying models further and, hopefully, make frontend development fun again for y’all! —----- Dipanjan Co-founder & CEO, Kombai

really enjoy the care you put into the app UI, especially for an early-stage team. love the examples in the gallery, too! definitely worth checking out. the premise of prompting AI with design is promising. many developers will get value from this. keep up your great work, ?makers!

It is frighteningly amazing how AI can make work better or quicker than web designers. I am a web designer myself. Incredible tool.

Amazing product. Great use of technology into cutting off time for people. I don't see this is a replacement for any jobs but a great add-ons to make frontend engineering easier.

This looks like a cool tool. So I can just use this to get the HTML + CSS? Well, you took away some jobs :)

Hi fellow makers and early adopters! 👋 After putting our heart and soul and a whole lot of sweat into building Kombai over these past 16 months - we are excited to bring our research preview to all of you. 💻 A few weeks into our development process, we realized that the biggest challenge in generating meaningful code from UI designs is to interpret the designs intelligently, as a developer would. We, developers, rely on our human intuition to make numerous inferences from a design file while writing code. But unfortunately, no existing tools, models, or algorithms could make these inferences from real-world UI designs. So, we set out to build new models from the ground up! Kombai uses an ensemble of deep learning and heuristics models 🤖, each purpose-built for a specific sub-task of interpreting UI designs and generating UI code from the derived interpretation. These sub-tasks have been defined to emulate the implicit and explicit inferences made by developers while building UI code from designs. The models are trained on carefully collected, purpose-specific training datasets that include a large number of UI designs, HTML code obtained manually as well as in automated ways, mapping between various elements in HTML and design files, and a large diversity of UI elements across pages. You can read more about our technology here: https://kombai.com/docs/technology

Hey mate. Just checked it out a bit and its crazy what your tool is able to do. Can see it a game changer for lot of solo entrepreneurs, startups, prototyping,,, Wish you all the best for the launch!

Congratulations @dipanjan_dey @bholebababa & the @Makers Reviewed the product docs to start with and this product looks promising. Best wishes and cheering for you guys!!

Congrats on your ProductHunt launch, the future looks bright!

Seemingly very excited to see this product 👍