54

Supernova Studio launches today - Convert Sketch to iOS, Android and RN

5 years ago from , CEO at Supernova

Hey Designers, Jiri here, the CEO and creator of the https://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/introducing-supernova-studio-35335de5044c And here is the Medium article introducing Cloud: https://medium.com/@appsupernova/introducing-supernova-cloud-6b73d3e09650

Feel free to AMA and enjoy!

37 comments

  • Tomas AnthonyTomas Anthony, 5 years ago

    Hi Jiri. Congrats on the launch! Are you planning to support more animation?

    3 points
    • Jiri TrecakJiri Trecak, 5 years ago

      Absolutely, if that is what community would like to have. Anything specific what you have in mind? In general currently Supernova supports keyframe, basic and spring animations of pretty much every property you can think of, plus for those really complex ones we support Lottie. Hope it helps!

      0 points
  • Matt BashamMatt Basham, 5 years ago

    Looks very cool. The first video in the post is extremely hard to follow. It rushes through the whole UI of the app and I have no idea what is happening, would love to see it narrated so we can get a better idea of all the hard work you've done to make it!

    Thanks for sharing, can't wait to try it out.

    2 points
    • Jiri TrecakJiri Trecak, 5 years ago

      Sorry that the video did not present the information clearly. We have prepared the articles on the medium (links above) which are much clearer and the videos there show features of Supernova one by one. We'll present it better next time :)

      Sincerely,

      Jiri

      0 points
  • Jrtorrents Dorman , 5 years ago

    no web support (by web i mean desktop)

    1 point
  • Matt KMatt K, 5 years ago

    This is really cool. Well done.

    I can't wait for API support to come - being able to design and prototype an app in one go with live data is huge.

    Again, amazing work.

    1 point
    • Jiri TrecakJiri Trecak, 5 years ago

      Thank you, we'll be pushing as hard as possible to deliver it to you quickly :)

      0 points
      • Matt KMatt K, 5 years ago

        Looking forward to it – instant buy for me when that happens!

        0 points
  • Andy Dent, 5 years ago

    Something worth highlighting is their tutorial walkthrough https://medium.com/@appsupernova/introducing-spacebook-dfdfbc9ea943 which is worth studying just as a good example of how to do nice feature-sized tutorials.

    0 points
  • Greg Warner, 5 years ago

    This sounds very promising, especially if some additional web functionality gets added. The next wave of design tools seem best poised as a bridge between design and front-end to speed up and not replace dev. Had a couple bugs tho after installing, submitted an issue through Github. Thanks!

    0 points
  • Andy Dent, 5 years ago

    Is the code generator user-extensible? I used to use AppMaker back in Classic Mac days and was able to add an entire Windows Desktop app generator due to its flexibility (producing MFC with C++). The missing piece I am interested in is Xamarin Forms.

    0 points
  • Norm Sheeran, 5 years ago

    Wow this looks impressive. I’m a Mac dev so interested to know how the conversion works.

    Do I get xibs and subclasses for all the custom UI styling?

    0 points
    • Jiri TrecakJiri Trecak, 5 years ago

      Absolutely. Storyboards or XIBs, with all the binding code prepared for you - for navigation, animations, properties, localizations etc.

      0 points
  • Mike A.Mike A., 5 years ago

    Ahoj Jirko, I like the idea but I don't get who/what it is for? It's for getting specs? Or for handoff? Or for building apps?

    0 points
    • Jiri TrecakJiri Trecak, 5 years ago

      Hello Mike, Supernova Studio aims to bridge the gap between designer/developer handoff - we have fully automated handoff of assets, specs, animations, navigation, whatever you can think of UI-wise. This means that there is no more UI coding - you just drop sketch file to Supernova, turn it into life, add sweet things you want (like animation) and hand it off to the developer.

      In addition to that, we are launching Supernova Cloud, our next-generation collaboration platform that allows people to present real, working mobile applications on the web. We don't present static images, but truly working apps that are responsive, localized and more.

      1 point
  • joe andersonjoe anderson, 5 years ago

    Just wanted to say congrats on the launch and for thinking this far ahead to help make development much more accessible! Good luck with the continued iterations. I'll definitely give it a shot, let us know how we can help.

    0 points
  • Roman PohoreckiRoman Pohorecki, 5 years ago

    The embedded vimeo on your site is complex and dense. You can likely attract a wider audience with simpler feature explanations. Take a look at Principle's and Flinto's websites.

    0 points
    • Jiri TrecakJiri Trecak, 5 years ago

      Thank you for your feedback Roman! We wanted something impactful because it is a very different tool than principle or Flinto. The feature descriptions - one by one - are to be found in our medium articles - we covered everything with short videos and those are really clear.

      But we'll keep this in mind for the next time! We, of course, want to be as clear as possible in communicating the message.

      3 points
  • Alex Dave, 5 years ago

    What if I don't want to pay a suscription but instead just one licence with a few updates à la Sketch by example?

    0 points
    • Jiri TrecakJiri Trecak, 5 years ago

      Hello Alex, currently, we don't support this model. It wasn't really compatible with the offering we have - so instead, we opted for a subscription model.

      The Supernova Cloud, on the other hand, is completely free for everyone - for the entire team, forever.

      0 points
  • Daniel MarquesDaniel Marques, 5 years ago

    How does the integration with backend logic and data works?

    0 points
    • Jiri TrecakJiri Trecak, 5 years ago

      Hello Daniel,

      for the 1.0 launch, Supernova is strictly interface oriented tool - you'll be able to do the interface of your app, but you need to code the "guts" of the app yourself.

      Now that we can truly convert a design interface to a code that works, we are starting with the next phase of automation.

      Our goal is to introduce fully automated model/network solution - codename Thor - that should be available within 2-3 months. This will allow you to provide API of the backend and just link objects to respective UI components, everything else will be done by Supernova. After that, we'll introduce states and logic.

      Keep in mind, all of this will also be available on Supernova Cloud, so prototypes for your clients etc. will contain a real data fetched from your servers, for example.

      Hope this answers your question!

      3 points
      • Daniel MarquesDaniel Marques, 5 years ago

        Fair enough. I see the potencial to develop interfaces, no doubt. I was just wondering if it did more and I was missing it.

        You answered my question, and thank you for giving visibility about future developments :)

        0 points
  • Wes B, 5 years ago

    I'm really interested in this. For the life of me, I can't figure out how to create a trigger for a screen transition.

    Looks promising.

    0 points
  • Jimmy HookerJimmy Hooker, 5 years ago

    Heads up, there's no actual link to the product or website, just medium articles.

    Also, this product sounds like a dream to me. I am very interested, and will be signing up for the trial.

    0 points
    • Valentin de Bruyn, 5 years ago

      Found the link at the end of the medium article: https://supernova.studio/

      0 points
    • Jiri TrecakJiri Trecak, 5 years ago

      Hi Jimmy, thank you for pointing it out. To be honest, we didn't want to look as if we are promoting the paid Product - we just want people to know that it is out there and introduce it through articles so they can decide for themselves. But I have changed one name for the link now, so others don't have to look for it.

      Sincerely, Jiri

      1 point
      • Jimmy HookerJimmy Hooker, 5 years ago

        It's not like you're spamming, this is a very relevant product to this community! A lot of designers (and engineers) wish they weren't constantly in a back and forth trying to adjust designs in a completed product. Our company is just about to start an Android project, and this could potentially save us a huge amount of time (I'd say at least a month), if it does what it promises..

        Be proud to promote it here! I'm certainly glad you posted it.

        1 point