Learn how to measure design system adoption with Supernova and Google Analytics in the fourth article of our Navigating Adoption series. Track key metrics such as traffic, engagement, and more.
Design system documentation sites serve as the user interface between your design system and your users. In our previous article, we went into detail on the different ways you can measure design system adoption. In this article, we’ll go into more detail about how you can measure adoption with Supernova and Google Analytics. We'll explore critical metrics to track design system adoption through documentation usage and how to integrate Google Analytics (GA) with Supernova to gather insights on how your documentation is being used.
Before we get into Supernova and GA, let's review the different metrics we should look at with documentation usage.
Before opening up Google Analytics and seeing how to track these metrics, let's first open up Supernova and prep our documentation. Feel free to skip the next section if you're already familiar with Supernova's documentation.
Getting your documentation site up and running and populated with your design system is complex. But now, with Supernova, you can cut down on the time, cost, and difficulty needed to go live. All you have to do is sign up for Supernova to get started.
Once you're logged in and have your design system open, you'll be met with the documentation page.
Here you'll find a default layout you can start building your documentation site. Like any text editor, you can add and fill pages as needed.
To start adding your design elements, sync your Figma library to Supernova by adding a data source.
After completing your documentation, click Publish in the top right-hand corner, and your documentation site should be ready. Check out our blog for a more in-depth guide on documenting your design system with Supernova.
With our documentation now set up, we want to integrate GA (Google Analytics) with Supernova. Follow these few simple steps to add Google Analytics integration:
Now we should have GA up and running and recording traffic to your documentation site. We can now switch over to GA4 and see which metrics to track.
Google Analytics tracks a large number of metrics, and only some of them will be relevant to us in tracking adoption and documentation usage. Here is a list of important metrics to track in GA:
You can create reports tracking different sets of metrics to focus on different aspects of engagement. Here's an example of the final report for a Supernova documentation site featuring our design system — Dark Matter.
Make sure you leverage the date range for reports to generate relevant data and also to compare to see growth over time.
With our Supernova documentation up and running and integrated with Google Analytics, the numbers will start piling in. It may take a while for enough data to be recorded so you can make judgments on how successful adoption is. That shouldn't stop you from gathering more user-reported metrics or optimizing for adoption. Catering your design system for both designers and developers can be tricky, but we've got you covered. For our last article of the series, we'll dive into developer adoption and how to get them on board.
Unlock the full potential of your design system with Supernova, empowering you to drive innovation, collaboration, and seamless scalability.