Quarter Circle ShapeSquare Shape
Toggle navigation

Track how your design system is adopted – from docs to code

Stop defending your design system on gut feel. See what’s adopted, what’s drifting, and where teams work around the system – and prove it all with data.

Dashboard displaying component usage statistics for a project, highlighting the most used components: Typography (345), Box (246), ListItemText (217), and MenuItem (215). The interface includes sections for adoption metrics and package updates.
Smiling emoji with a rosy background, representing happiness and positivity in digital communication.

Understand what's working in your docs

See what gets read, what gets ignored, and what teams search for but can't find – so you fix the gaps before they become questions and workarounds.

Measurement Analytics

See where teams go off-system

Know which components are used in production, which are hardcoded, and where drift is building before it reaches shipped code.

ROI Grow

Prove the ROI

When leadership asks, you'll have the answer – adoption trends, consistency improvements, and proof that the system is being built with.

Measurement / Measure Adoption

See what actually makes it into products

Track components, tokens, and packages in production – and spot where teams are hardcoding values or using deprecated versions. Know what’s adopted, what needs updating, and where debt is building before it ships.

Screenshot displaying the version information for the @pixelwave/ui-components repository, showing two projects: 'marketing-site' with version 1.1.19 and 'pixelwave-app' with version 1.6.6, both last updated on September 24 at 16:12.

Package adoption

See design system coverage across teams and products – and where action is needed to bring teams back into alignment.
Bar chart displaying component usage statistics in an admin dashboard and file manager, highlighting components like Typography, Box, ListItemText, MenuItem, and AutocompleteInput with varying counts.

Component usage

See how often each component is used in production. Spot version compliance issues and prove which components are doing the heavy lifting.
Token Usage

Token usage

Know which tokens are being used and where raw values are sneaking in. Catch drift before it compounds.

Usage Shapes

Color usage

Catch off-brand values in production before they spread. Know where your palette is being followed – and where it isn't

Color Usage Static

Management / Track Usage

Make better decisions about your docs – with data

Stop guessing what’s landing. See how teams consume your docs and know exactly where to focus – before unclear guidance turns into bottlenecks and workarounds.

Shapes Large

The full picture of how teams use your docs

A complete suite of doc analytics – what gets consumed, where teams get stuck, and what they can't find. All in one place.

Analytics dashboard showing total styleguide views of 208, an increase of 617%, and an average helpfulness rating of 96%. Graph depicting view trends over the last 30 days.
Table displaying various design elements with their names, tags, views, and ratings, including items like Cover Page, Autocomplete, Colors, Typography, Checkbox, Radius, Select Input, and Password Input.

Docs engagement

Page-level insights into what gets viewed, what gets skipped, and what's not working. Close gaps before they become workarounds.
Multi Product Support

Multi-product analysis

Compare docs usage by product and brand to spot adoption gaps and know where to focus next.

Analytics Integrations

Add behavioural insight from Google Analytics and Hotjar to your docs usage data – without switching tools.
Frame 1948764493
Frame 1948764495
idean company logo
The biggest value of a design system is to bring teams closer together so they can work better and faster.
Jules Mahé
Design Systems Expert

Measurement / Collect Feedback

Collect feedback from the people using your system

Feedback in context, in one place – so you always know what’s working and what needs fixing.

Frame 1948764792
Richard
a few seconds ago
Resolve
Really clear visual examples — especially helpful for new designers.
Smiling young man in a dark hoodie against a light beige background, showcasing a friendly and approachable demeanor.
Francisco
a few seconds ago
Resolve
Could use more real-world layout examples — hard to know how components come together.
Frame 1948764794
Jess
a few seconds ago
Resolve
Content is improving, but it still feels like some docs were written by different teams — voice and structure vary a lot.
Smiling young man with short black hair wearing a gray sweater, set against a pink background.
Daniel
a few seconds ago
Resolve
The new component pages with usage do’s and don’ts are really helpful.
Smiling woman with long dark hair wearing a maroon sweater against a bright yellow background.
Chloe
a few seconds ago
Resolve
Spacing and layout tokens are much easier to follow now — nice updates!
Frame 1948764797
Mahdi
a few seconds ago
Resolve
Love that the button guidelines now explain when to use each variant.
Frame 1948764798
Bethany
a few seconds ago
Resolve
Would be great to see how theming works across products — not just the default brand.
Bento Large Shapes
User interface feedback prompt for a design system, featuring a question about user experience with emoticon responses ranging from hate to love, along with a color palette displayed below.

Hotjar surveys

Use Hotjar to run surveys on your site and collect feedback from viewers. No mind reading required.

Search Analyticsnew

Search analytics

See what teams search for and what they can't find. Every failed search is a gap in your system worth closing.
Table displaying user votes and version updates, with dates ranging from May 8, 2025, to June 2, 2025, indicating positive and negative feedback for different software versions.

Inline feedback

Capture feedback on specific pages or blocks – right where teams are consuming, not in a separate tool.

Feedback footer

Let teams rate every page as they go – so you build an ongoing picture of what's working and what isn't.

Square Surface Light
Feedback Footer
ADT Security Services Logo
“It’s quite clear that the design system has had a huge impact on how people are working and moving.”
Patrick Tunga-Lergo
Lead Design System Designer
Measurement is ultimately about building alliances and finding people to champion your team's work and the design system as a whole.
Gabby Hon
Design Systems Expert, Design Community
Outdoorsy Logo
logo/primary/Outdoorsy
How the startup, Outdoorsy, launched a brand new company with help from their design system
Read story
Background Shape

FAQs

  • What does zeroheight's design system measurement platform track?

    zeroheight measures design system adoption end-to-end — from documentation engagement to component usage in production code. It tracks which components are used across your codebase, identifies outdated implementations and hardcoded values, shows which documentation pages get read and which get ignored, and surfaces what teams are searching for but can’t find. Everything is available in a single dashboard so design system teams can prove impact and prioritise what needs work.

  • How does zeroheight track component adoption across codebases?
  • Can zeroheight show the ROI of a design system?
  • How does zeroheight collect feedback from design system users?
  • Does zeroheight integrate with existing analytics tools?