p/supernova
Turn Sketch designs into native mobile apps in minutes
Kevin William David
Supernova — Turn Sketch designs into native mobile apps in minutes
Featured
83

Replies
Dimo Trifonov
Wow this is dope and it actually works! Sadly symbols are not working but it's still amazing!
Jirka Třečák
@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!
Rob Designs
Looks like an awesome tool! Can't wait to try it out. On the side note, please do not sell out to InVision. The design space needs diversification to be truly innovative and forward thinking.
Aroon
I found this super awesome!! made my day. Thanks for hunting. This is going be a game changer if I m not wrong.
Jirka Třečák
@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.
Aroon
@jirka_trecak Yes I just used this for one of my recent designs and it is working so awesome. It will save tons of time refining pixels at code level
Brad Bitler
Can someone post an example iOS app that was created using this?
Ethan Gromet
I hope this turns out to be the product we've all been waiting for 🙏
Jirka Třečák
@ethangromet We will definitely try to deliver just that <3
Kevin Dwinnell
Would love to see a side-by-side comparison of Supernova to Qwikly (getqwikly.com)
Nikolay Mihaylov
Simply LOVE THIS. I am a product guy with design in my heart and would love to see how this helps in the mobile app development cycle. Great job!
Jirka Třečák
@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 :)
Jince Kuruvilla
As a PM at a startup w/very constrained design resources, this app sounds like a dream! I'm most excited about your soon-to-come export to react native feature. @jirka_trecak could you tell us more about that and when you're targeting the release of that feature?
Jirka Třečák
@j_nce Absolutely! Right now, Supernova allows you to export iOS / Android - specific projects, but since we know React is getting a lot of traction atm, we decided to support it as well. You can expect entire range of features that we are shipping on other platforms (layouts, resources, react-components, navigation, styling, animations etc.) - Supernova is highly modular system where the exporter is just one (final) layer but it works on same data-model / design-model as all the other platforms - layout information, animations, that is all just abstract objects that are waiting to be given a form - so actually, adding a new export platform is matter of weeks at the moment. I expect we will finish the React Native by the end of August and then do some heavy testing on it, probably giving users access sometime during September. We'd like for it to be sooner rather than later, as this is our most requested feature by far - but we strive for a certain level of quality of our work and we don't want to back from that :)
Jince Kuruvilla
@jirka_trecak thanks for the informative answer! September is a lot earlier than I'd expected...your team must be working hard! I'll be keeping a close eye on updates and would def love to be part of the react-native beta testing! Thanks Jirka
Jirka Třečák
@j_nce Hey, you want to make revolution, there is no cutting corners :) You know how it goes in startup world, everyone works hard :)
Craig Williams
@jirka_trecak Looks awesome! Just trying it but Sketch file comes in blank...
Jirka Třečák
@ichillidesign We would love to see at least part of that design - we will make sure that it will get fixed promptly. That's the problem with the design - variety is just all over the place, sometimes this happens.
norman784
The product seems to be cool, but I've a question, this only works for the initial view creation? you cannot update existing views after you added some customization or link in their respective IDEs?
Jirka Třečák
@norman784 Currently not supported, but we already have solution on paper and you will eventually be able to use Supernova as a bridge between IDE / Design Editor. No solid date yet, but it has somehow bigger priority.
norman784
cool, I will look forward to see it, also @jirka_trecak I'm curious about how you planned to implement it, can you tell me more about it?
Jirka Třečák
@norman784 That is for a longer discussion, suffice to say that now we are able to export things one way, but the generators / parsers that we use are written in such way that they can be reversed - and using system that works similarly to GIT, you are actually quite reliably able to identify the changes from whatever source. Add user-verification before the changes happen and you have a very solid system that can work both ways.
norman784
@jirka_trecak thats enough for me, I was thinking that this product was for designers only, but seems that its very well planned, I will look forward to try it in some projects. Thanks
Dre Durr💡
Dope Product 🚬🚬
Jirka Třečák
@dredurr Thank you!
Lisa Dziuba
Cool! but how is your tool different from Qwikly (http://getqwikly.com/)?
Jirka Třečák
@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.
Jirka Třečák
@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 :)
Lisa Dziuba
@jirka_trecak thanks for answering! I like your tool and will share it over the Twitter and some iOS newsletters, where I contribute!
Jirka Třečák
@lisadziuba You are amazing! Thank you for the support. Here, have a coffee on us -> ☕
Charlie Coppinger
This looks epic! I don't have a use case for it at the moment, but no doubt it'll come in handy over the next few months. Good work team.
Jirka Třečák
@thecoppinger We hope that in a few months time, we will have many more features already launched, maybe it will help even more by then!
Tregg
It's super cool. I'm digging it.
Jirka Třečák
@treggify Thank you for your support! <3
Bipin Bhandari
Great product! I am waiting for react native version. How are you guys going to charge for this product?
Jirka Třečák
@bipiiin Hey! We are currently working on the RN, coming soon! (If you subscribe on our website, we will send you an email when it is out). The pricing is still TBA, we are inclining towards yearly subscription working similarly to Sketch one for example - but we focus on the delivering great value first before making it paid product :).
Antoine Yng
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?
Jirka Třečák
@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!
Steven Rueter
For prototyping this could be great
Jirka Třečák
@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.
Lin
I definitely need this!
Steve Harman
Game-changer is an oft over-used term, but surely in this case it's appropriate? Supernova isn't another 'get app quick' tool that simply spits out some dubious quality binary, it's a finely tuned and fully featured Sketch > native (or ReactN) code creator that bridges the ridiculous gap which exists between UI design and app development. Read through their feature list and add up how many hours just *one* of them will save you on your next app project. This is one of those "why hasn't app design been like this for years?" tools.
David Dávila
Nice! Great idea!
Jirka Třečák
@daviladavid Thank you. It means a lot to us when people think positively about this.