@aroonuidesigner Thank you! We feel it is time to get back to roots of programming/designing, where it was about fun and creating stuff and not going back and forth with the team about one missing pixel here and there - this is really a primary motivation behind Supernova and what we've personally been struggling with the most.
Hello Product Hunters and Huntresses! Thanks @kwdinc for hunting us!
My Name is Jiri Trecak, Co-Founder and CEO of Supernova. We are incredibly excited to show what we've been working on for almost 2 years now.
Supernova aims to bridge the gap between developers and designers by automating conversion of the Sketch mobile designs to the native mobile UI. Some of the most prominent features:
* Conversion of design layers to native components
* Automatic component styling
* Creation of navigation chains
* Automatic creation of responsive layouts
* Automatic resource detection and export (no need for slices)
* Full-fledged animation engine
* Export of the code, assets, project, fonts, UI for iOS, Android and (very soon) React Native projects as well
* Inline component code generation
* Dark / Light UI for those late-night sessions 💤
.. and many more
Our goal is to automate the parts of everyday work of mobile designers and developers that are error-prone and not really that fun when you do it for the tenth time, so that everyone can focus on the fun and creative stuff.
Medium article introducing Supernova: https://medium.com/@appsupernova...
We've been in closed beta for many months but today we open it for everyone - simply sign up on our website to get your copy.
Feel free to AMA and enjoy! Will be happy to answer any question you fire on me.
@3raxton Thank you for kind words, cannot wait for your feedback! Our intention was not only to make it for the developers (where it will save the most time) but also to give the designers tool where even they can feel like programmers - and bring the apps to life.
Granted, you will not be able to create entire app (yet, ^^) in it because you still have to make "the guts", but we've noticed in private beta that for smaller teams, especially startups and such, designers were able to take on UI work quite easy and offload some work when the developers are short on time (as it usually happens in startups).
@jirka_trecak I see. It would most certainly be helpful in the startup scene. It will be a few weeks before I can start using it. Brilliant work, again!
@3raxton not to worry though, automation to the rest of the stuff (building entire data model just by drag/dropping and providing backend URLs) and community made plugins to integrate with 3rd party services are coming in the near future - at that point, designers will definitely be able to do the app on their own :)
@lisadziuba Thanks for asking! The real difference is that we are not tied to Sketch, and also in the quality of project generated - supernova employs some cutting-edge predictive magic, say for resources, so it will create the resources for you - but not just layers, if you create an icon out of 10 shapes, it will be one icon.
By importing it to Supernova, we optimize the design for mobile - removing redundant layers, fixing what could be broken etc., something that is not possible within Sketch itself. Also, Qwikly only supports iOS, Supernova supports iOS, Android and soon React Native as well.
By doing it as native Mac app, we also have a real-time preview (you can check how it looks on whatever device), our own engine for layout (which is calculated automatically), you can do everything offline, you can also do animations - the list goes on. While the goal is I think somehow similar, it is a very different product in how we achieve the goal.
@lisadziuba One important note - while we are only supporting Sketch now, we will be supporting more import platforms soon (looking at Figma, possibly Adobe UX). This, I think, makes the biggest difference of them all :)
@denull They are not? Wow, that is.. I personally coded support for those, and now I am ashamed.. :D
It is quite possible that the last version of Sketch destroyed it. Would you mind joining our Slack, and giving me at least one screen with the symbols that are broken? I will fix it personally for you and deploy an update as soon as possible :) for your convenience: slack reg. link https://supernova-community.now.sh/ or just email me at jiri @ supernova.studio . Thank you so much!
@maris_naylor Hey, you know what? Send me an address and your size to jiri @ supernova.studio and I will send you the t-shirt when we make more of them - that is a promise (we do have some already but we did not expect that someone will want them already!)
Hi Jirka, so from what I understand based on the video, Supernova is a tool that automate (or at least tremendously ease) the integration phase. What about the back-end coding and dev? Does this remain manual and at the hand of the developer? Or can Supernova do the developer's job?
@antoineone Hey Antoine, so you are right about the UI part - that is the primary goal of Supernova at the moment - to somehow automate the UI creation (it is very time consuming).
Once we have that complete, we will move onto phase 2 -> automating the model / network part. This will allow people to drag & drop build entire data models without that much work really - and since the UI will be complete, you will be able to connect it with the data model. We have that part already in works and we are nearly sure it will be out before the beta ends.
Last part is allowing third-parties to make plugins to extend the core functionality of Supernova using our design / data model, for example, to integrate whatever service you want simply by downloading the plugin / extension to Supernova (say, Google Analytics)
Hope it makes sense now!
@manindrax React Native is coming in next few weeks, we are testing it internally. We currently don't have plans for Ionic / Cordova, but the system is extensible enough that if a lot of people are interested in it, we can add it within very short timeframe (weeks)
@manindrax@jirka_trecak Would be awesome if you could ionic/cordova, in recent years the hybrid developer community have managed to bring hybrid development as close as native application. I run a design agency based in Pondicherry, India most developers here and most parts of Asia to the best of knowledge adapt hybrid development because of the frameworks/language they already know, don't have to spend time learning native development both for ios and Android.
@rueter Actually, our goal is not only to allow people to prototype in it (yes, for that, it is truly just clicking export button and we believe lot of people will use it like this - especially designers) but to also prepare the production UI as you would for a release app.
Of course, not everyone will believe that it can truly replace the hand of the developer (tbh, if you would say this to me two years ago I would not either), but it can definitely help you get at least 80% complete production UI, still saving dozens or even hundreds of hours of time.
@nick_mihaylov I think that it depends on what is your current status in the company.
If you are a solo freelancer, it really means that you can make more in the same time, effectively making more money, or have time (for personal life?)
If you are in a large company, I think it will be used more for prototyping on the designer side, with developers using the .snproject file that the designer creates.
And then there are startups, when every single day saved can mean the difference between life and death. Just my 50c and little bit of experience from private beta, mileage may vary :)
Replies
Supernova.io
Supernova.io
Foreign Ipsum
Supernova.io
Foreign Ipsum
Supernova.io
Foreign Ipsum
Supernova.io
Don’t Panic by Lemon.io
Supernova.io
Supernova.io
Don’t Panic by Lemon.io
Supernova.io
Dialo
Supernova.io
Path
Supernova.io
Supernova.io
Supernova.io
Supernova.io
Supernova.io
Supernova.io
FashionBot by GoFind.AI
Supernova.io
Corkdork
Supernova.io
Lookaround
Supernova.io
Stream Chat
Supernova.io
Supernova.io
Mingler
Supernova.io
Supernova.io
Divinate
Supernova.io
Supernova.io