Comment on page
Getting insights with Omlet
After the setup is complete, Omlet redirects you to the Analytics page. That's where you can get all the insights into how the components are used.
The first chart shows you your design system's adoption over time. Since this is your first scan, you only see the information for today. This chart will expand when you upload more scans over time.
By default, Omlet shows adoption based on non-design system components. If you have other tags, you can see adoption based on a specific tag using the dropdown on top.
The Analytics page has 3 other sections that give you the answers for:
- How is our design system used overall?
- How can I increase design system adoption?
- How can I simplify the code library?
These are default charts defined by Omlet — but you can always click on the header of a chart and update the filters to explore custom data based on your needs.
It's not possible to save your custom analysis to the dashboard at the moment, but we’re working hard on improving Omlet. Customizing the dashboard will be available down the line. 😌
To create an analysis from scratch, you can also use the "Create New Analysis" button on top of the dashboard.
If you need to share the analysis with your team or keep it as a future reference, you can copy the link to the analysis using the "Copy link" button on the top right.
Using the tab bar on top, you can switch to the Components page to list all the components in your repositories. From there, you can search for components or filter, and sort them.
When you click into a component, you'll see its details including its dependency tree and usage data for its props.
The dependency tree displays where the component is used and which other components it contains — in other words, its "parent" and "child" components:
To analyze how the component's props are used, you can click on the Props tab. It lists all the props defined in this component and displays the usage of each prop in the component instances. You can list the usages for a specific variable by clicking on it or see all the usages using the "List usages" button.