Managing design system documentation | Supernova.io
Supernova is free to use. Sign up here: https://cloud.supernova.io/signup Read everything about Supernova here: https://supernova.io
In this series, we walk you through Supernova fundamentals while building your next design system - from tokens, to components, to assets, to building documentation and handing-off resources to your developers, automatically. This video deep dives into everything-documentation and how to use your design system elements to make your documentation site amazing.
⭐️ Building and managing your design system documentation using your own design system data
0:00 - Overview 0:57 - Access to Documentation Editor 2:45 - Create an Introduction Page 3:28 - Adding Text Blocks 4:34 - Adding Token Blocks 5:38 - Visualize your documentation 7:20 - Create a Styleguide 8:15 - Adding Collor Pallets or Styles 11:10 - Adding Text Styles 12:00 - Adding Assets 13:08 - Adding Components 21:30 - Customise your documentation 23:47 - Extend the functionality with custom solutions
Related Tutorials:
How to document and maintain your design system tokens 👉https://www.youtube.com/watch?v=ircUjtjIPE8
How to document components and render live code 👉https://www.youtube.com/watch?v=v0vL0DSar6o
How to use content from Figma inside Supernova documentation 👉https://www.youtube.com/watch?v=RZ1uWeNoqWg
How to customize your documentation template that powers the front-end view 👉https://www.youtube.com/watch?v=bKqR77QV-Xk
How to extend the functionality of the default documentation editor 👉 https://www.youtube.com/watch?v=wQRpMHqpbCw
📮SUBSCRIBE for NEW VIDEOS!
Learn more about Supernova 👉 https://supernova.io Follow Supernova on Twitter 👉 https://twitter.com/supernova_io Follow Supernova on LinkedIn 👉 https://www.linkedin.com/company/supernova-io/ Join the Supernova Friends Slack 👉 https://bit.ly/3Pe84Mh