Subscribe
Sign in
Kombai ā A new AI model that you can prompt with UI designs
New ensemble model purpose-built to understand and code UI like human devs. Prompt it with designs. Get high-quality UI code in seconds. No manual tags or auto-layout needed. Logical DOM structure & React components. CSS with no hardcoded dimensions. Clean JS.
355
Replies
Best
@dipanjan_dey literally the only product I need now haha :)
Is there a dribbble connector in the works? A tonne of times I drive inspo from behance dribbble for product updates that need immediate - and tried and tested - solution.
@jackson_huge Thanks a lot for checking us out and for your encouraging feedback. Please help spread the word around so that we can get more developer feedback! :-)
@kmanjita haha! You just made our day!
If a design in dribble in behance has its Figma files available, you can easily use that on Kombai.
However, if it's only an image file - unfortunately, we don't know how to support that yet. We read the vector images via Figma API and get definitive CSS properties, like color, box-shadow, font etc. from it. Most image-based object detection algos cannot capture such nuanced properties accurately. And honestly, we don't know any novel approach that might solve that problem :-(
Do you usually use Figma files/ other vector formats from Dribble/ bahance? or just jpegs/ pngs?
@dipanjan_dey while working with an internal design team - or a great web / app engineering team - luckily you have the luxury of using png ET al š¤·āāļø
š Pixel perfection
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!
@fmerian Than you flo for your encouraging words. Please give us feedback and help spread the word.
@fmerian Hey Flo! Thanks a lot for checking us out. Big fan of your work around dev marketing and awesome-developer-first! Please help us spread the word so that we can get more feedback! :-)
@dipanjan_dey thanks, Dipanjan! happy to add Kombai to awesome-developer-first, please open a Pull Request. cc @agamm
This looks like a cool tool. So I can just use this to get the HTML + CSS? Well, you took away some jobs :)
Biggest congratulations to the whole team on todays launch! It looks like a helpful tool, also I like your logo very much :) wishing you the best of luck
@sandradjajic Thank you so much for checking us out Sandra! Means a lot :)
Congrats on the launch! Been following Kombai for a couple of weeks now so excited for you to officially release it today.
Questions:
What library/Framework do you generate the JS + css in (e.g. React + Tailwind, etc.)?
What's next?
@ed_forson Thank you Eddie! We generate code in Tailwind / Plain CSS as well as React and HTML / CSS. We will be working on supporting more frameworks and libraries.
@chungquantin Thank you for reviewing us. Please try Kombai, give us feedback and help us spread the word :-)
@chungquantin Thanks a lot, Tin! The point of helping dev, and NOT replacing dev, is 100% on point! Our goal is to make frontend development fun (and efficient) again for the devs by cutting down the mundane tasks, so that they can spend time building codes they actually enjoy writing!
This looks very cool and useful. Looking forward to try it out. Shoutout to the amazing team and Sourabh Upreti. Looking forward to trying it out.
@emmanuelonuoha Thank you Emmanuel. Please try Kombai and give us feedback.
That sounds really cool team! I'm super eager to see how AI can help with coding or building in general. Well done!
@zmiro Thanks a ton! Please try the product, give us feedback and helps spread the word around :-)
Absolutely love your product name guys! Maybe my next startup could be Chippiparaiš Anyway congrats on your launch btw š
Awesome. So many things are chaning these days with AI.
Does it handle responsiveness automatically as well?
This is really cool idea. I keep on running into file size issues though :(
What are the limits of the tool today? What is the roadmap?
@cgherb hey chris! thanks a lot for trying us out! I'm sorry that you ran into this :-(
we are able to get figma files of upto about 40 mb size within an acceptable period of time, from Figma api. anything above that has a very high api failure rate and even if it succeeds, often takes an impractical and unpredictable amount of time to load. so we had to put in the file-size check to handle this a bit gracefully.
for reference - most figma files without large images would be under a mb or two. but we understand that the ones with high-quality external images, like some landing pages, can be larger. we'll try to work with figma team to see if there is any way to get larger files via there api without running into the issues we have been facing. meanwhile -
1. if your figma design only has one or two large images, you can try downgrading their quality or just just boxes of same size in their stead. you can replace the actual image in the div, in your code
2. would you be open to share some example Figmas you are facing this issue with to support @kombai.com? that'd help us debug this a little better and try to make a case to figma team about handling larger files smoothly
This is awesome and so much time saved. I've shared it with our product designer, congrats on the launch!
I'm looking at the https://app.kombai.com/examples?... page, and there's a frame with scrollbars embedded inside the page frame.
@kevin_t_ hey Kevin! Sorry that you ran into this issue :-(
This sounds very unusual. You should be seeing a page with thumbnails of a bunch of design files that you can then open up in Figma (should look like the "explore examples" section on this page - https://kombai.com/docs/account-... , without the input field and settings sections on top)
What browser and device are you using? If you are not already, can you please try accessing the page from a desktop using Chromium based browsers (Chrome, Edge, Brave, Opera etc.)? If the issue still persists, please drop us a line at support@kombai.com with your device, browser, and browser version details - we'll look into it promptly.
@dipanjan_dey I'll let you know! Thanks for responding. By the way, I'm using Chrome on Windows 10.
I'm going to assume there's some ad blocking software causing friction.
::edit:: I just looked at it in Edge, which I never use, and saw the same extra scrollbars. I'll check on my Mac.
::edit::I get the same scrollbars on my Mac, also in Chrome. I just checked in Safari, and get the same results.
As a Web Designer building websites in Wordpress and also as Product Designer building apps in Figma, I can say this is the sweet spot for people like me and will definitely try this out in one of my projects!
This is incredible. I've not played around with it yet, but if it does what it says on the tin...it's a game-changer for me as a product designer š¤Æ
@jonurbonas Thank you Jonas for your support. Please try Kombai and give us feedback.
This looks like the tool Iāve been waiting for. If this produces good front end code prototyping a new product will be a blast! šµāš«š„°
@lukas_nedo Thank you Lukas. Please try Kombai, give us feedback and help us spread the word :-)
@lukas_nedo Thanks a lot for taking the time to check us out, Lukas! Appreciate your encouragement :-)
Launching soon!
Congratulations on the launch! Probably not something for us no-code / non dev folks but I've sent it over to the team for them to check out to see if theres an internal use case for us!
@dzaitzow Thank you Daniel. Yes we intend to help developers with frontend development. We are not focused on no-code yet.
congrats on the launch!! if this works out and is trained with lots and lots of code & design, this could come in really handy.
interested, with which data do you train the model? are you doing screenshots of website and fetch the frontend code and then analyse how it's structured?
Kombai (Research Preview)