A Design-to-Code tool, based on computer vision, to build UI automatically just by reading screenshots, detecting all elements and exporting the source code to Flutter framework.
Hey folks! I’m Bruno, CEO of KnowCode.
We’ve been working on KnowCode for the last 2 years as an Academic Research and now we’re excited to introduce it for you: design-to-code tool through computer vision algorithm, ready to be used with Flutter.
Our goal is to automate the User Interface (UI) programming boring stuff. No more coding UI from scratch. KnowCode aims to reduce UI time implementation, automating the code generation in the mobile app development phase.
In terms of output, KnowCode exports intermediary formats to provide developer friendly code (readable and maintainable). It takes care of the components coding phase (like button, text, check box, slider), determining element type, color, position, size and so on. You can also configure the navigation between screens. So far, KnowCode can be used with Flutter, but we're working hard to support other frameworks for mobile, web and desktop apps very soon.
If you are developing a Flutter application, KnowCode aims to give you the first version of your app in a few minutes.
KnowCode is completely agnostic in terms of input from graphical designer tools (e.g. Figma, Sketch, AdobeXD, Photoshop). So, you don't have to worry about changing the way you work. KnowCode is not a new design tool, it is the new way to make the design handoff simple and effective. This is possible thanks to computer vision, since it "reads" an image format (e.g. JPG, PNG).
How does it work?
1) Upload the screenshots and assets (JPG or PNG) in the KnowCode web application.
2) KnowCode computer vision detects all components.
3) Make some minimals adjustments and set up the navigation between screens.
4) Choose the target UI Framework and download the source code (available for Flutter, so far).
We’re available for beta testers. So, you can request early access right now. Please, don’t forget to give us feedback. It’s important to us in this validation phase and to get KnowCode in the right direction.
Feel free to ask us anything about this new technology for developers!
Thank you all!
KnowCode