We can't find the internet
Attempting to reconnect
Something went wrong!
Hang in there while we get back on track
June Cho & Hosh'ki Tsunoda - Data Driven Design Systems in Practice
Explore Axiom, Optimizely's design system, and learn how Omelette, a component analytics tool, helps teams measure and track component adoption, prop usage, and usage, enabling data-driven design system decisions.
- A design system is a product that requires data to be driven and tracked.
- Optimizely’s design system is called Axiom, which is a collection of reusable components, design tokens, and guidelines.
- Axiom includes React components and design tokens, and it’s being used by Optimizely’s products.
- Omelette is a component analytics tool that provides visibility into component adoption, prop usage, and component usage.
- Omelette helps teams measure and track adoption over time, which is difficult to do manually.
- The tool provides a dashboard that shows component adoption, prop usage, and component usage, making it easier to prioritize and maintain components.
- Omelette also helps identify redundant or unused components, making it easier to refactor and improve the design system.
- The tool is easy to set up and integrate with existing design systems.
- Omelette provides a variety of views, including a component list view, a dependency tree view, and a usage view.
- Design systems require a team to maintain and refine them over time.
- Omelette is a useful tool for teams that want to create a data-driven design system.
- The tool is currently only available for React, but Optimizely is considering expanding support to other frameworks.
- Omelette provides a way to visualize component adoption, prop usage, and component usage, which helps teams make informed decisions about their design system.
- The tool is part of Optimizely’s strategy to provide more visibility and transparency into component adoption.
- Omelette helps teams prioritize and maintain components, making it easier to deliver high-quality products.