Subscribe
Sign in
Supernova Studio — Convert Sketch into iOS, Android and React apps in minutes
Supernova Studio is the first tool which truly bridges the gap between designers and developers.
Supernova Studio does this by taking your Sketch files and automatically converting them to native mobile UI, adding animations, navigation, layout etc. in the process - as you like. Supporting iOS, Android and React Native.
65
Replies
Best
@themelamini Hello Melanie! You absolutely own everything. We don't store anything, nor we use some proprietary third technology - everything that you get is pure, generated native code.
We have prepared the tutorial application for Supernova -> https://medium.com/@appsupernova... and you can find the exported code from it here - https://github.com/Supernova-Stu... which will give you an overview about what to expect for all platforms - and we are only improving upon it.
Hope it helps, lmk if you have any other questions!
Hello Product Hunters and Huntresses!
Jiri here, the CEO and creator of the Supernova Studio. We are incredibly excited to be launching our first official version of Supernova Studio today after 2 years of secret development and nearly a year in Public Beta. We’d like to thank the over 10,000 people who participated and helped us to take the product to where it is today.
Supernova aims to bridge the gap between developers and designers by automating the conversion of the Sketch mobile designs to native mobile UI. Here are some of the most prominent features:
• 1:1 conversion of design from Sketch to native components
• Automatic creation of responsive layouts
• Automatic resource detection and export (no need for slices)
• Automatic localization to 30 languages
• Creation of navigation chains and user flows
• The full-fledged multi-platform animation engine
• Export of code, assets, project, fonts, UI and everything you need for iOS, Android and React Native
• Supernova Cloud the one-of-a-kind collaboration platform
• Bonus for all your late night sessions: Light/Dark UI mode
.. and many more. We are on the mission to make the everyday work of developers and designers fun and interesting again, by removing the boring and tedious work of the interface creation. Supernova strives to empower designers and developers so they and their teams can focus on innovation.
In addition to Supernova Studio, we are thrilled to announce Supernova Cloud. Cloud is a next-generation collaboration platform which is unique in its ability to present working mobile apps on the web - instead of static presentation, Cloud presents mobile apps to your team and clients they are meant to be - fully responsive, with an option to switch to between languages with native components, fully interactive components. Best of all - Cloud is free for everyone.
If you are interested, here is the Medium article introducing Studio: https://medium.com/@appsupernova...
And here is the Medium article introducing Cloud: https://medium.com/@appsupernova...
Feel free to AMA and enjoy!
Update 1: We are absolutely overwhelmed by the positive feedback that people are throwing at Supernova - thank you so much <3. To answer the most asked question throughout all the channels so you don't have to, this is what you can expect within next few months:
- Automatic API / Model generation from the backend REST API
- States / Logic
- Support for more design formats - we'll share which ones soon
- Support for websites - html and react exporters
Update 2: Some people asked us about the code Supernova generates. We went ahead and this is the final, exported code for our tutorial application, "Spacebook" - for iOS, Android and React Native. There are -no- modifications done to the code. https://github.com/Supernova-Stu...
@appsupernova @jirka_trecak is this the first time Supernova Studio hits PH? anyway a big Thank You to you Jiri and your amazing team, will stay tuned to any updates from you! I'm in the Slack group as well.
@appsupernova @hesperiashimo Hey @hesperisashimo! We are launching the release version - 1.0, for the first time today, as it was released today!
9 months ago, we've launched a beta on PH and it was great to hear what community has to say - now we have the product that actually works, is polished and we cannot be happier to share it today - it is completely new experience for everyone as we reworked pretty much every part of the Studio based on the feedback.
Alongside that, we are launching Supernova Cloud, our brand new product - which you can read about here - https://medium.com/@appsupernova... . Hope this helps, thank you for staying with us!
@appsupernova @jirka_trecak quick question - does this work on Windows also?
Just going to mention it since no one else has yet... please... please.. solve end to end app development, i.e. the data.
I'm sure there's plenty of ways to attack this problem, but even if it was just reading end points of an API and being able to read/send... that would be amazing.
@wuss It is coming in next few months (REST APIs + model creation at the beginning). We already have the basic groundwork for that done. Data layer will be available on the Cloud as well, so you'll be able to collaborate / prototype with your team on the real data.
@jirka_trecak you're awesome!!!! lots of attempts in the past to try and do this, and they never really end up delivering on the promise. My hope is that Supernova makes their solution thoughtful, even if it means limited functionality in the beginning.
Maybe you could even offload some of the work to a pre-existing service? For instance, allowing me to setup/manage logic and data via Zapier or IFTTT, then just allow Supernova to access those triggers and output. Anyways, keep doing what you're doing :)!
@wuss Don't worry. We spent years thinking about this product, and how to make it work properly. When we introduce something, it will work the best way possible :)
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.
Pros:Ease of use, powerful features
Cons:None so far
While companies such as InVision are focusing on building yet another design tool, you guys have built something truly innovative and game-changing. I wish you success. This tool was much needed! 👏
@robertsozolins Thank you, we are absolutely overwhelmed by the positivity that people show towards this product. We've developed it because we are designers and developers as well - and currently, there was no product that would make our cooperation smooth and enjoyable - I think all people experienced this problem.
We hope you'll put it to good use, and we are just starting!
This is the real tool which solves the real problem I am Expecting this for a long time. I will provide my support to this great team
@johnyvino27 Thank you! Feel free to join our community so we can stay in touch <3
If this actually fulfills the things it promises, I've been thinking that something like this needed to exist for years. You guys actually did it. Wow.
@ctothejones Thanks! - I can assure you it does work - that is why we've created very extensive tutorial series - creating of "Spacebook" so people understand and believe that there is finally a tool that can deliver on this specific promise. It is 2018 and the development is the only area I know of that is missing automation - quite a strange thing, if you ask me, but as a maker of Supernova, I understand just how hard is to do it.
If you need any help getting to know the product, feel free to reach us! And thank you for your kind words - means a world to us, as we spent years thinking the same.
Looks great. I have been using Marvel for rough layouts and flows when trying to show teams ideas for various projects. Majority already use Sketch when finalizing design aspects this could save a lot of time for them on the development side!
@natelegler This is exactly our goal Nate. The issue with the current prototyping tools is that you throw away your work - something that for us, personally, was a big issue. When using Supernova, it is possible to save up to 50% (ideal case, but achievable) on the app you are building - meaning you can do twice as many. With the current shortage of designers and developers, this can help all the founders and teams out there :)
The product looks very polished and you and your team should be proud.
Would I be able to take the app built in supernova to the App Store? I couldn't find that answer on the site
@perazamichael Thanks, it took us an absurd amount of time, but we are super happy with how it turned out. As for the question - no, you will not. Not yet anyway. Supernova is a tool that helps you with the UI conversion - if your application is strictly UI (which almost never happens), then, in theory, you could. But in a real world, you'll still need to code the "backend" of the application. So you export to XCode, you create the backend and then publish to store.
Great product @jirka_trecak! If you can solve the data layer preferably integrating with firebase auth and cloud functions you could really get 90% of the way there from an end to end perspective
@amokrane_tamine Hello, well.. you can develop UI/UX for it! And it will work exactly as a real application. But the backend stuff still needs to be coded by hand - but we are working on it. :)
@amokrane_tamine Thank you. Means a world to us :) Shows that very few people can make difference as well, not just big companies. Gives us dreamers hope :)
Can you mention any apps that have been created using your system that have gone from sketch to IOS or Android and are published in the Play store or the IOS App Store. I don’t think the developers of those apps would mind you mentioning their apps; they get some promotion from you and we get to see some finished apps using your system.
A long time ago I was following the development of this program by the creative and distinguished team, and frankly after his experience several times, I found that this program is one of the best programs that make the design a project ready for the three platforms known (ios,android,react)
This in itself is very distinctive.
The way the program works is very easy and does not require much effort to learn.
The method of responsive to the design in the program is very good
Pros:The idea of the program is very impressive and distinctive, and reduces the gap between designers and developers
Cons:At the moment there is no, and I need some time to try the final version
I first got involved with Supernova Studio back in December, when I was on a mission to code a really complex UI for my iOS App. When I first tried it out, I was blown away. I still am, every time I use it, because it's simply powerful. It's not one of those thousand miserable code generators that you can see on every corner of this industry. Supernova is a fresh gem, completely different and incomparable to others. I recommend it to anyone who wants to save a lot of time in their development process, no matter if you are a designer or a programmer. Not to mention the support from the developers, which was almost instant and clear, every time I had a question regarding Supernova Studio. Great Stuff!
Pros:Friendly UI, Easy to Use, Powerful Features
Cons:None at this time.
I didn't have a chance to try it but I believe it's a game changer in the industry. Looking forward to try it.
Pros:Great tool developed by an enthusiastic team
Cons:None
@searchresults HTML + React web :) Desktop is usually highly specific in what it does - would not be feasible to do something like this, probably.
Great attempt at solving a dreaded issue. How does it take care of animations though?
@oluwatobimayowa Hello! We've prepared very extensive tutorial series and Supernova features full-fledged animations engine - https://medium.com/@appsupernova... you can read all about it here. For all platforms, you are able to create basic, keyframe and spring animations, all translated to native code for the specific platform.
Hi! Do you have any data connection with the backend? If yes, how do you do this?
Seems quite impressive! Would love to try it when it's out for other design tools (Figma, Adobe XD)
@chiragbhansali Hello, we'll be introducing more formats soon, stay tuned!
Future Minds Fund