Subscribe
Sign in
Supernova — Design system platform straight from the future
Supernova enables you to build, manage and share design systems coherently across all disciplines, build fully customizable documentation sites with absolute ease and automate tedious delivery of design system assets to your codebases.
58
Replies
@alirtariq Actually, we do have solid documentation integration with Storybook and many our clients just continue using SB for the react part, but do build the "global" design system docs in Supernova and ditch tools like Confluence and Notion for the docs (we recently introduced smart copy-paste so it is easy to bring over the content). This gives you the best of both worlds, as you get all the nice things that SB brings, can use Figma to maintain entire design stack and then have Supernova to be the middle layer that serves both.
PS: Over 3 million lines of code went to building this product (and its predecessor) as there is lot of intricacies that are insanely hard to solve. It is bit complex, yes :)
Hey 👋 there Product Hunt! Jiri here, CEO and Founder of Supernova.io.
After nearly 3 years of stealth development of this new product, we are happy to show you what we have been working on (for so long)! Supernova started as a dream of mine that we can help designers, developers and product teams to do their work in much faster, smarter ways - and potentially bring more fun to it as a bonus.
Supernova makes current design systems and their management better, easier, faster and overall more awesome. Design systems nowadays are really sophisticated, always uniquely tailored to the needs of the company and often require entire teams to be build, let alone run efficiently (and even then, it can be a mess).
Here are handful of features that I personally love the most and consider invaluable for every person dabbling in the design systems:
🚀 Full Figma support and automated synchronization of changes - Publish to the library in Figma, and you have all the data available inside Supernova as well. And if you use them anywhere, such as in the docs, we update them for you - automatically (video here).
🚀 Token Management and everything you might need - Create aliases, tokens that Figma doesn’t support (measures!), use tokens to build other tokens, flag tokens with custom properties like different names for different platforms etc (video here).
🚀 Full component, Asset and Resource Management - Bring all of it in and share it from one single source of truth, use it inside docs or export it to your codebases (video here).
🚀 Powerful Notion-like documentation editor - Write documentation sites while using your imported design system data, bring in your codebases and build experiences that benefit both designers and developers equally. Oh - and the documentation changes and updates automatically as you change the upstream sources of the data (video here).
🚀 Ability to modify every aspect of the documentation site - we have built entire templating language that allows you to re-define behavior, layout or visuals of every aspect of your site while still enjoying the power of our Notion-like experience (video here).
🚀 Support for multi-branded design systems - Manage multiple versions of a single semantic object while having different design / code representation for it for each brand and present branded documentations to your users, clients. Great for large teams and agencies!
🚀 Automated Delivery Pipeline - Supernova allows you to seamlessly export code and assets automatically from your design system when data change, with you being in full control of the process at any point. For example, you can open pull request with new assets every time a new version of design system library is published in Figma. In Supernova, this alone saved us 100s of hours of work last year (video here).
And many more - I can’t really list all features here because everyone would stop reading. So I will close with just one last note, I hope that the work we poured into making it happen will now bring upon a new era of design systems where automation and smart way of maintaining design systems will replace the current, in my opinion quite cumbersome ways.
Here are some additional links if you want to know, and please AMA in the comments! If you have some additional questions or would like to see a demo, feel free to reach me at jiri@supernova.io as well.
- Learn more about Supernova @ https://supernova.io
- Watch video series about all features in-depth @ https://www.youtube.com/c/Supern...
- Join our amazing Discord community @ https://community.supernova.io
- Start with Supernova @ https://cloud.supernova.io
I can’t wait to hear your feedback! I have always adored this community and I hope that this time we can provide something back that will benefit all the makers out there.
Have a great day and happy design system-ing!
@michael_kilcullen Sadly, we could only fit so much into the video and the posting, the entire feature stack is quite bigger indeed! Thanks for giving it a shot when you have time :)
Congrats on the PH launch, guys! Neat branding and you nailed it with the product 😻
Well done Supernova team!!! Congratulations on the launch.
Been following your amazing team's work 🔥
@fajarsiddiq Thanks Fajar, I remember you supporting us even in our early days - which is now what, 3 years! It is dream come true to have such amazing community members! <3
@jirka_trecak You're most welcome! ;) yes i remember your journey from the start! it was super amazing to see this today! sending love 💜
@kaelig Oh wow, what an honor, it is great to see community heroes comment! Would love to talk about what we can do more and what we are working on already, if you are up for it sometime in the future! :)
Wow this looks interesting. Good job team!
We just finished our Figma design system a couple of weeks ago so this might come in very handy.
@martin_bloksa Feel free to reach out at jiri@supernova.io if you want to talk more or do the demo for the team, happy to do it!
Supernova rocks!
Thanks for your hard work, it helps making websites so much easier!
Great work everyone, and congrats on the launch! 👏 The progress you've made with Supernova since last year I joined you as an advisor is just incredible. You have a full working pipeline for design tokens, a flexible documentation engine, even a connection to Figma to generate images directly from frames. A huge time-saver ❤️
What I love the most about Supernova is the level of customization we can do for our docs 🤯 The ability to add a custom block that fetches data from Google Sheets? Yeah, that's possible. Have a completely different design and frontend for our design system documentation? Possible too, so we can adjust not just branding, but every aspect of our docs to tailor it to our company and users.
And I know all this is just a start. I am excited to see what you'll bring to us in 2022!
@honza_toman Honza, it has been absolutely amazing to have you help us shape our product. This year will definitely be something else :)
Huge congratulations to the Supernova team: this is really compelling as a way to bridge the gap between designers and production code. Whether you're targeting Flutter or a web or platform API, this is going to be a huge boon. It's been a long journey for you all -- well done!
@tim_sneath Well, proud to say that most of the app is also built in Flutter and it has been great to work with your team to make it happen on web. Would not decide any other way with what I know now :)
The Design of Influence: How to Craft Products that Move People