Subscribe
Sign in
CodeX by Supernova — Convert designs into production-ready code in real-time
CodeX allows you to preview the entire interface code right
within the Studio, for all platforms in real time. Import Sketch file to Supernova (we've gone to a great lengths to make sure your designs are imported properly), and all the production code is immediately created. When you do any change, when you prototype, the code changes as well.
13
Replies
Ram Rayavarapu
I will try this out. Congratulations
Share
Hello Product Hunters and Huntresses!
Jiri here, the founder of Supernova. Today, we are launching out biggest update to date, and we call it CodeX (codex historically represented a book, usually a piece of art of it own, or potentially a well of knowledge on planet Krypton for us nerds out there).
CodeX brings about a new generation of handoff tools, vastly more advanced than just plain snippets - it works alongside you as you design and prototype your application, generating full frontend code in real-time. Once you are satisfied, you can either export the entire project, specific screens or you can just copy/paste out of the CodeX to your project.
The generated code is highly customizable down to a smallest details such as indent characters, with multiple modes when targeting your specific platform. Currently supported are iOS (XIBs, Storyboards, pure code), Android (code, code with data bindings), and React Native (full JSX with TSX support coming).
Alongside CodeX, we are launching completely overhauled experience in Supernova Studio - the V5. V5 brings more powerful prototyping and interaction options, improved interface, options to prototype interactions such as alerts or action sheets, and is significantly faster when compared to a previous versions.
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 and making it easier to work together by bridging two very different worlds as much as possible.
If you are interested, we've prepared an extensive overview of Codex and Studio V5:
https://medium.com/@appsupernova...
Feel free to AMA and enjoy!
@jirka_trecak Amazing product. Amazing community and customer support. Keep up the great work Jirka and team!
I excitedly jumped in Supernova about a monthy or two ago, and really like the core concept. Except the React Native exports just were not up to scratch. They were really unusable. To top it off, I couldn't cancel my subscription. Everytime I attempted too, I'd get a little notification telling me "This feature will come next week." This happened for 2 weeks straight. I finally emailed them to cancel my subscription, they responded quickly and asked why I was cancelling. I gave them pretty good feedback, but never got an email back. I'm unsure how Supernova has matured over the last month, but I hope it's living up to expectations :)
Pros:Fast way to export sketch designs into working code.
Cons:React Native exports lack. A lot. Also you had to EMAIL THEM to cancel your subscription. Seriously.
Hey Sam, sorry for what seems like a bad experience! It is definitely true that we had some issues with our system, that is why we have posted the note about it being not available and pointed to our support who was solving it in a meantime. Not to defend our approach as I understand your frustration completely, but we have average respond to queries of about a minute - orders of magnitude faster than most of the companies. When running startup, that just happens sometimes.
As for the React, I'd suggest you give it a shot again in V5 - we are constantly improving and every major release gets it closer to be usable for everyone - we already have several companies successfully using RN exporters in their workflow and launched apps to production. Let us know what you'd like to see and we can implement it :)
@jirka_trecak My experience with RN exporting was similar to his. I will try it again, but the RN exporting was severely lacking. Just because user's have deployed the code, doesn't mean the code is good 😜.
That being said, I definitely did not spend enough time trying to learn the product and I think I would be able to produce decent quality UI Code in RN with a little bit of fiddling.
What I would love is for a way to turn all the symbols into RN compatible styled-components. I can lay out the rest on my own.
@ashpangeek Symbols / reusable components are on our roadmap and one of the higher priorities. That we definitely realize as a weakness of our current system and we are working towards the solution :) But we are moving extremely quickly, since the launch we've released 5 major releases adding lot of much needed features, and we are not slowing down. We do listen to our users, our community is one the most living organisms you can come around on the internet - so it is just a matter of time. Thank you for your time to give us a feedback!
@jirka_trecak I appreciate that you guys responded quickly, but you didn't really point me in the right direction for cancelling either. One of the biggest weakness' of the system was how the components were positioned. The code for positioning felt hacky, and adding anything to the generated code itself was practically a death sentence. It completely ruined the apps, well, everything. Components disappeared without a trace, anything you added did too. Even a simple .
What is the main purpose of this product? Convert design into application code? Does it add payment option for e-commerce template?
It seems like you didn't sign the app so now Mac OS prevents users from opening it in the regular way. It's a shame because I would love to try this out.
@jordibruin We for sure did, that is super strange! I'm looking into it as we speak, thanks for notifying me. You can try opening it by right-clicking the .app file > open and saying "open anyway" once the alert pops up. That can possibly help. I do know there are some changes in OSX 10.14 in this regard so that might be the offender - noone from the community complained yet so might also be something specific. Will let you know when we've solved it! Thank you, hopefully it will be worth a wait for you :)
@jirka_trecak that's very strange. I will wait a few days and download a new version from the website then. Will let you know if it's still happening then!
@jordibruin No need to wait few days, we resolve bugs within minutes to hours :)