old-school 90s animated gif

Pardon my dust! I just migrated my website to the fantastic Eleventy and am recording the redesign process of adopting my design system for our AI & Design Systems course.

Design Tokens + Atomic Design = ❤️
Design Tokens + Atomic Design = ❤️

One of the most-asked questions I get is "What would you change about Atomic Design?" My answer is: I would probably talk about design tokens!

In the world of UI, design tokens are subatomic particles. The design token color-brand-blue is a critical ingredient of a UI, but it’s not exactly functional on its own. It needs to be applied to an “atom” (such as the background color of a button) in order to come to life.

I love being able to create these at-a-glance visuals to help people understand these oft-misunderstood conventions and implementations. Creating our Subatomic Design Tokens Course has given me the opportunity to finally bring all of these concepts together into a cohesive narrative. It feels really good! If you want to learn about this stuff in extreme detail, consider ordering our course!

Brad Frost Hey there! Brad Frost brad@bradfrost.com

I'm Brad Frost, an independent creator, web designer & developer, teacher, speaker, writer, musician, and artist based in Pittsburgh, PA.

Check out my courses AI & Design Systems course Atomic Design Certification Course Subatomic: The Complete Guide to Design Tokens course Get my newsletter

I like connecting with people directly without algorithms and machines getting in the way, and my newsletter helps me do that. Subscribe to get my latest thinking and interesting links about design, technology, music, art, creativity, and some random fun along the way.

Around the web