The 80/20 Rule for Design Systems

The 80/20 Rule for Design Systems

The 80/20 Rule for Design Systems

September 17, 2024

September 17, 2024

Get weekly design system tips and tricks, directly to your inbox.

In design system work, some people can work on the settled solutions while others can venture out, seeking the new. Both are worth investing in.

Here’s how.

I’ve written about the Pareto principle (often shortened to “the 80/20 rule”) before, which states that “roughly 80% of consequences come from 20% of causes.” Lots of natural phenomena are distributed accordingly, like population, wealth, income, and many other things.

As it relates to design systems, I find the same to be true: about 80% of any product you need to make can be made with 20% of the normal effort you put in. That 20% is the design system, a collection of common elements that make you faster. Then, you can spend your remaining 80% of time on the 20% that really needs to shine. This is where the creativity goes. Don’t spend your effort trying to be creative and innovative about the boring stuff. Stop making slightly more beautiful dropdowns or spending hours on beveling your buttons (not a euphemism). Let the system take care of all the common stuff.

So, what specifically do you spend that 80% on?

Whatever will make this experience special for your user.

Next time you (or product teams you work with) design a new page or screen, use these guidelines:


  1. For every 5 components on the screen, 4 (80%) should come from the design system and 1 (20%) should be created custom.

  2. For the 4 components that come from the system: spend no more than 20% of your allotted time implementing and configuring them. For example, if you’re giving yourself 60 minutes to design a screen, spend no more than 12 minutes implementing these components from your design system. Any longer is too much.

  3. For the 1 component that you make from scratch, make this the best thing you’ve ever designed or built (or as close to it as possible). Pour all your creativity into this. Don’t worry about constraints. Don’t worry about how this fits into the system. Make something amazing for the person who’s supposed to use it.


There are some people who love #2 and hate #3. There are other people who hate #2 and love #3. And of course, lots of people somewhere in the middle. Healthy design system work makes room for all of them.

Related Courses

Related Courses

Related Courses

Intermediate–Advanced

$3,999

A 90-day program to get an adopted design system up and running by the end of the year.

Intermediate–Advanced

$3,999

A 90-day program to get an adopted design system up and running by the end of the year.

Intermediate–Advanced

$3,999

A 90-day program to get an adopted design system up and running by the end of the year.

Beginner

Free

Watch DSU founder Dan Mall create a design in Figma from start to finish using an existing design system.

Beginner

Free

Watch DSU founder Dan Mall create a design in Figma from start to finish using an existing design system.

Beginner

Free

Watch DSU founder Dan Mall create a design in Figma from start to finish using an existing design system.

Intermediate

$149

$101

A hands-on, 72-module, 10+ hour course that gets you started on everything you need to know to get a design system’s design and code up and running.

Design System University is content & curriculum to help you design at scale.

Subscribe for the latest content about design systems:

© 2023–2024 Design System University. All rights reserved.

DSU

Design System University is content & curriculum to help you design at scale.

Subscribe for the latest content about design systems:

© 2023–2024 Design System University. All rights reserved.

DSU

Design System University is content & curriculum to help you design at scale.

Subscribe for the latest content about design systems:

© 2023–2024 Design System University. All rights reserved.

DSU

Design System University is content & curriculum to help you design at scale.

Subscribe for the latest content about design systems:

© 2023–2024 Design System University. All rights reserved.

DSU