Daniel O’Connor

A layered approach to design systems infrastructure

The three layers of Thumbtack's design system

I recently wrote a blog post for Figma outlining the benefits of creating layers of abstraction within a design system.

When it comes to design systems, organization is key. As a front-end engineer working on Thumbtack’s design system, Thumbprint, I spend a lot of time thinking about how to organize it in a way that works best for our team. Our current approach is one of layers, dividing our design system up into three levels: Thumbprint Tokens, Thumbprint Atomic, and Thumbprint Components. This approach has transformed the way we build and maintain our design system, and made it easier to deliver a great experience to our consumers and end users.

Take a look on Figma's blog or their designsystems.com website! 👀