Mixin Design Tokens

Design tokens manage and store User Interface (UI) decisions such as spacing, color, typography, and motion. These decisions are stored in a config-like format to support the needs of any platform (Web, mobile OS, etc). In this blog post, I’ll demonstrate how you can leverage design tokens and SCSS mixins to capture a system’s design language. The final output will be a collection of SCSS mixins that map to design tokens and can help to reel in messy…