Design

Cover Image for How to safely deprecate Design Tokens using Style Dictionary

How to safely deprecate Design Tokens using Style Dictionary

One of the many challenges with maintaining a sizable Design Token library used by multiple products and formats, is what happens when you want to remove a design token.

Design systems

Design Tokens

Style Dictionary


Cover Image for How we used MUI to create a High Contrast theme

How we used MUI to create a High Contrast theme

We set out to expand our Design System component library beyond the default theme, by creating a high-contrast theme for users with vision impairments.

Design systems

Theming

Tokens

Material MUI


Cover Image for How to export seamless SVG Icons from Figma

How to export seamless SVG Icons from Figma

Over recent years, it’s been quite a challenge to find a seamless method of designing and exporting Icons from Figma, so the end product in code to look exactly like the ones you designed. This article is about how I figured this all out, and how easy it is for you to do the same.

Design systems

Icons

Figma


Cover Image for A quick look at Design Tokens

A quick look at Design Tokens

When trying to solve the challenge of a consistent customer experienece throughout their journey with your brand or company, design tokens can act as a foundation for the solution that brings it all together.

Design tokens

Design systems