🎨 How to style your design system in 2021 (#39)

August 03, 2021

newsletter

Happy Tuesday!

Welcome to all of the new subscribers this week! I’m glad you’re here. And to all of the subscribers who’ve been around for awhile, thanks for sticking around!

I’d like to start sharing job opportunities in this newsletter, so if your company is hiring, please email mae@maecapozzi.com. If you want the job description to go out this week, try to get it to me by Wednesday at 6pm EST.


It feels like there are an endless number of tools to help you style your design system in 2021:

It can feel impossible to get started when there are so many options to choose from.

Luckily for the rest of us, the Polaris team had an open discussion about the very topic, resulting in this awesome thread: https://github.com/Shopify/polaris/discussions/44.

They also include a link to a more detailed view of the research if you’d like to dig in deeper.

Polaris chose vanilla-extract, a new library from the engineers at Seek. (By the way, if you haven’t checked out Seek’s design system Braid, you definitely should).

Some of the benefits of vanilla-extract include:

  • TypeScript integration
  • No runtime overhead
  • An opinionated approach
  • It’s framework agnostic

I’ve found that the way vanilla-extract works is almost identical to the way that I tend to approach design tokens, so I’m really excited to continue to use the library.

Have you used vanilla-extract, or any of these other libraries? What did you think? Let me know by replying to this email.

Talk soon,

Mae


If you liked this post, please consider sharing it!

Want frequent design systems tips, articles, and jobs sent right to your inbox?

Sign up for the Design Systems Newsletter today!

If you're unable to sign up, please turn off your ad blocker and try again.

© Mae Capozzi's Website 2021