Subscribe
Sign in
p/supernovaioDesign systems made easy.
Start new thread
Jirka Třečák

Supernova V6 - Turn sketch into iOS, android, react and flutter in minutes

by•

Supernova takes mobile designs created in Sketch and transforms them into production interface code for iOS, Android, React Native and Flutter. Supporting native components, native animations, native layouts, navigation, localizations and many more features.

Add a comment

Replies

Best
Bruno Crosier
I love the look of this, but you are locking out a huge percentage of potential customers by only supporting Mac 🤷‍♂️
Bruno Crosier
@ezraa yeah, 87% market share of all Operating Systems.. which is over 8 x greater than Mac OS. But hey feel free to drop me a message in a couple of years when your MacBook gets a touchscreen ! https://netmarketshare.com/opera...
Artem Ufimtcev
Maker
@brunocrosier We certainly understand this, but with Supernova we took native approach because of the overall complexity of the software. We might port it to Windows at some point, but that's whole other challenge.
Jirka Třečák
Maker
@brunocrosier We've been considering this a lot, believe me. As @artufimtcev already pointed out, it is matter of performance as well as other things not mentioned, most importantly the sheer amount of work needed to support two platforms - it is only 3 core programmers after all that built this in a span of 4 years :) That being said - we realize the potential and are looking into ways how to do it efficiently. Hope it helps!
Bruno Crosier
@artufimtcev @jirka_trecak Thanks for listening to my opinion. As I said in my first comment, I really like the look of what Supernova is doing - so much so, that I am considering buying a Macbook especially to run this. But honestly, that seems like a really stupid answer to a simple problem.. As a full-time developer using a Windows laptop, I have definitely noticed a trend of products in this niche being MacOS-only, and I can't figure out why.. For example, I'm talking about Framer X , UXPin and React Studio (reactstudio.com). It's also worth considering that by locking out Windows users, these products are unwittingly locking out millions of potential users from less economically developed countries, who simply cannot afford to spend that amount on a Mac. Over time, this will lead to a sort of geographical elitism in the design / development industry, whereby only people from richer countries will be able to achieve the highest levels, purely because they were able to afford a more expensive operating system. Personally, I think that the beauty of code and the internet, is its potential to set people free, regardless of their background.
Jirka Třečák
Maker
@artufimtcev @brunocrosier I actually have a data to back this up from the thousands of users of Supernova (and those who can't). We had about 5% of requests for windows compared to the users who are current mac version. I know it might sound strange, but for the market that we are targeting, there is definitely far more mac-using developers than there are those for windows. But, even if this was not the case (it is heavily dependent on where do you live - in the US that is true, it is definitely not the case in India for example) - we need to follow the market. Especially now, since we only support Sketch, there is not a point of supporting windows (Sketch is mac only). Once we support all the other input platforms - we should consider doing it with higher prority. Lastly, it is a matter of what skills you have. I am top-tier programmer for OSX environment, but I am beginner at windows. And so is my team - and it would really hinder our progress. You'll learn, eventually of course, but you need to play to your strong cards. And really, it is not about personal preferences. I'd LOVE to support windows. But as a startup, you need to judge all pros and cons - bad decisions kill you. Btw, your last sentence is beautiful. I wish it would be that easy though :) Sidenote: We have been recommending dual boot for the people who can't have mac, we have a lot of users using Supernova using DB or VMs :)
Jirka Třečák
Maker
Hello Hunters and Huntresses! I am Jiri, CEO of Supernova, the first design/development platform that truly focuses on clean conversion of mobile designs into the production-ready code. Today, we are releasing Archon, our bleeding-edge tech that we've been working on for several months. First, let me be honest with you - creating a working code conversion is hard, like really hard. Not only the code needs to be perfect so developers even consider using it, but the ideal conversion platform also needs to handle pretty much every unique design, be customizable, robust enough to handle large projects and more. Archon is a culmination of our efforts to help developers to make their work more efficiently, and to help designers to own a bigger part of the process (ideally, the entire interface creation). The old Supernova had several issues, the most severe being that the designs from Sketch didn't import properly most of the times. We have created a system that can take pretty much every design out there and present it properly for you to then continue adding animations, making navigation maps and using many more features Supernova provides. Specifically, the new engine we've created adds the following: - (nearly) Flawless Sketch import - Our own rendering engine, making the rendering about 50 times faster - Much much faster import - Synchronization of design changes in Sketch - Support for all the missing Sketch features, such as overrides, styles and more - Almost twice as many configurable properties for each native component All those changes make Supernova much more pleasant to use and result in vastly better quality of the generated code. We are also adding support for a new export platform - Flutter, joining the already existing ones - iOS, Android and React Native, and supporting a full range of features that Supernova has to offer. We hope you'll love those new updates. If you want to learn more, just hop over to our blog where we go into details of each feature: https://medium.com/@appsupernova... Thank you and AMA!
Andy Dent

It is saving me months of work in a complex product, letting me iterate and adapt designs. I'm focused on iOS at present but the Kotlin generation looks good enough I'll be using it soon!

Pros:

Generates fairly clean, smart Swift code and iOS UI. Great animation & hi-fi prototyping inc localised code.

Cons:

Some layout stuff could be smarter.

Mark Moeykens

I created an overview video about my experience with Supernova Studio if anyone wants to learn more about it: https://youtu.be/LbvroonWtqo There is still so much about this product to explore and try. This is just the tip of the iceberg. They made animations super easy and fun to do. I hear they will be expanding the animation studio in the next couple versions. Really looking forward to this! Supernova is also a great training tool when it comes to development as you can see all the code needed to produce awesome UI.

Pros:

I love being able to take anyone's Sketch UI Kit and see how to do that UI in code. I also love creating animations within it.

Cons:

Importing from Adobe XD would also be awesome. But I hear that is coming out soon.

Timur Giniyatullin
it's awesome!!!
Jirka Třečák
Maker
@timur_giniyatullin Thank you, means a lot <3
Marius Chawa
Guys, Supernova is a game changer. I started using them when they were in early beta. As a designer with no iOS/android development background. It turned my Sketch designs to production ready code. Super convenient and reduces hours of dev work for anyone. As the company grows, I can only see this product changing the design to code landscape forever.
Jirka Třečák
Maker
@marius_chawa Really appreciate the kind words. We are only at the beginning, but as we add even more automation, it will hopefully save so much more - be it for developers or designers.
Bruce Vang
Does this export to Flutter? I see it in the title but no where in the website.
Jirka Třečák
Maker
@brucevang @filip_salamon Sorry we have been working our hardest on the product, website is still lacking the updates. I'll be adding that today. Thanks for reminding me and adding to my never-ending list of things :D #startup Nonetheless, Flutter is now fully supported :)
Bruce Vang
@filip_salamon @jirka_trecak This is great. I'm downloading it now to check it out. EDIT: I just went from design to Flutter app in 5 minutes. This is like black magic. I'm definitely recommending this tool.
Jirka Třečák
Maker
@filip_salamon @brucevang Super happy that it worked like this for you - that is what we always intended. Thanks for spreading the word!
Simon
Amazing!
Akash
I've been using it for a few months now. Ever since they announced Flutter support, I've had some true extra prejudice and passion towards it! Super excited to see it's future 😁 I wish you would synchronize with figma also :)
Jirka Třečák
Maker
@akash_gaara Good news, Figma is coming in 2 versions (so about 2 months from now I assume) - the next version is adding support for Adobe XD :)
Antonio Viggiano
This is great, congrats! Any chances you will support React or Unity?
Jirka Třečák
Maker
@aviggiano @_kentrobinson Good news as well. We'll definitely go to website space - but only after we truly nail the mobile stuff. Our system is actually prepared to do this, but we need to focus :) We are a small team, currently just 3 developers for the studio itself :)
Johnson Lee
This is interesting.
Jirka Třečák
Maker
@johnson_lee Glad you like it!
Alex Bondarev
Great product! Just love it!
Jirka Třečák
Maker
@alexandbondarev Really appreciate your support!
Noe Lynn

Always enjoy using Supernova Studio

Pros:

Convenience

Cons:

Do not have any

Filip Salamon

If Leonardo da Vinci was alive he would be using Supernova for sure.

Pros:

- Actively listen to its users and modify the software based on their constant feedback. - Level of automation - Supporting Flutter

Cons:

- Not supporting windows and adobe xd however coming soon. - Hard to believe it's true but just give it a try it's free

Oki Pooamorn
Neat!
Nathan Windsor
I'm so stoked for this! I've been following you for a long time. Congrats on a great job well done. 1.) How can we integrate with ARKit? 2.) How can we integrate with Ethereum and web 3.0? Thank you~
Jirka Třečák
Maker
@nathanwindsor So, Supernova really focuses on mobile interfaces - and so you can do everything around it, but the ARKit you'll have to do yourself. We do provide ways how the interface can bind with your own codebase (for obvious reasons :). The Ethereum and web question is too broad, can you narrow it down? Something specific you have in mind?
Lily Granger
sound great.
Jirka Třečák
Maker
@lily_granger1 Give it a spin and let us know what you think :)
Edison Espinosa
awesome to see the progress, from seeing the beta and been in the slack channel to being in YC and already in version 6! keep going Jirka
Jirka Třečák
Maker
@edisonjoao6871 Thank you, it means a lot. Users like you are who gives us the power to push to our absolute limits :)
Gita Adi Ramdhani
Hi awesome team! Synchronization of design changes in Sketch is great! But, Let say I've exported into react native and already integrate with the back-end system. I wonder how Supernova handle if there is any new feature for the app that already integrated with back-end. I would like to know the workflow for this case.
Brandon Burrus

Seriously, it lets designers design more, and lets developers develop a LOT more. Less time is wasted on implementing the UI, and more time can be spent actually developing new features.

Pros:

Imports easily from Sketch, making the process of implementing a UI design to the actual application near effortless.

Cons:

Currently only imports from Sketch, but support for both XD and Figma is coming in future version within the next couple of months.