Released 14 OCTOBER, 2021
We added Azure DevOps integration, which means you can now connect Supernova with your Azure account and create a PR on a specified Azure repository once your builds finish.
You can now add Assets to your documentation! Asset blocks display imported Components which were marked as exportable in Figma.
Supernova can now create and import Blur tokens into Supernova. These tokens can be used for layers or backgrounds.
We expanded Shadow tokens which can represent inner shadows now as well.
We've added a new block type that lets you embed anything in an iframe in your docs - which opens up a lot of possibilities and flexibility.
Blurs, shadows and assets are now available for export! A new set of asset functions is available in the Pulsar SDK. Also, exporter debugging capabilities have been significantly improved.
Documentation gets a new Live Component block that allows you to embed running code- so you can show live, interactive components quickly without Storybook!
No new features this time — "just" quality improvements for you. Check back next week!
Release #34 - Soft Launch
We are now leaving Early Access (thank you everyone who participated!), and it's now possible to upgrade to Team and Company plans. All current workspaces will revert to the Personal (free) plan unless you've been in contact with our Sales team already and made other arrangements. If not, we hope you'll visit the Plan tab in your workspace settings and sign up for Team, or contact firstname.lastname@example.org to gain the advantages of our enterprise offering!
Along with the new plan model, we've now created different user roles within your workspace - so the workspace owner, admins, content editors, and reviewers can be assigned and can access features appropriate to each role.
We are now offering the ability to directly insert interactive Storybook stories into your design system documentation. This much-requested feature is finally here!
It's now possible to import individual frames (or sets of frames) from any Figma document and insert them inline in your documentation! This allows you to create illustrations of scenarios, etc. that can be dynamically updated from Figma if they are changed.
Components that are marked for export in Figma now create Assets in Supernova. You can download them from the Assets tab - individually, in groups, or even all at once, in a variety formats and sizes. Keep an eye on this feature - automated delivery is coming soon...
This is a revolutionary feature, and is already enabling use cases that are just not possible with other documentation tools. With Supernova, you can now define your own custom block types for use within your documentation. For instance, one customer wanted a "component health" badge that could be embedded into the documentation for each component, that queries an API to dynamically update the badge. This is now incredibly easy to build. Custom blocks not only render however you want them to in the exporter, but they also expose UI in the documentation editor for your docs authors to easily add and configure them any way you want. We can't wait to see all of the incredible things you do with this... please let us know!
To support the new Figma frames block in the documentation editor, there is a new section on the Figma tab that allows you to manage a set of documents (separate from your core design system sources) to use in the documentation.
It's now possible to add your own settings to documentation exporters - strings, numeric values, categoric selections, even the ability to select token values from your design system - fulfilling our promise to let you style your documentation easily using the design system itself! We will be adding a whole battery of styling parameters to the default documentation exporter soon, but it's also possible to fork that exporter and add your own properties right away.
Now you can easily put your own Google Analytics or Intercom tracking keys into your deployed design system documentation - these are now available as options in the exporter settings.
You can use the new Shortcut block in your documentation! Link between any documentation page or group or to any URL you want!
We have added a new Components tab that shows you the list of all the imported components in your design system. Imported components are read-only for now. This is just the first phase of component rollout, in preparation for more component capabilities coming soon!
We changed the way the documentation editor displays UI for pages and groups in tab view. You are now able to distinguish between pages and groups easily.
We added new documentation editor sections. This means that you can either display your documentation nav as tabs or as a list. When toggled on, documentation sections appear in the top bar and work as a filter on the left column.
We added a new Divider block to our documentation. Divide your sections easily and improve their readability even further!
In order to bring you more flexibility and customization, we added a new Documentation Settings page, which lets you select which exporter you want to use when publishing your documentation.
We added a new documentation system. You are now able to create and manage your own design system documentation with interactive blocks that can reference your tokens and are dynamically updated if you make any changes. Documentation can be published and can be accessed by all members of your team. If you create a new design system, default documentation is created automatically for you to make sure you can jump into it and start as quickly as possible.
We introduced new custom token properties. You are now able to create Boolean, Generic, Number and Text properties for your tokens. Token properties can be overridden and you are able to access them through the code in your VS Code extension.
Plugin now imports your styles in the same way as Cloud.
We made sure that all relevant pages display properly on mobile devices.