design tokens

Angular Material 3 Theming: Design Tokens and System Variables

If you work with Angular and don’t want to or can’t develop every single component yourself, you use a framework like Angular Material. One of the great things about the framework is that it is based on a modern design system, Google’s Material version 3, and supports design tokens. This provides every product/project team with a common foundation that Product Owners, designers, customers, and developers can work on together. In this article, I describe how to implement a Material 3 theme using the Angular Material framework.