Design Systems Start With Why

Design Systems Start With Why

Design Systems Start With Why

September 10, 2024

September 10, 2024

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

Today starts our latest cohort of Design System in 90 Days.

If you were starting—or restarting—your design system, what’s the first thing you should do?

Here‘s the first step I teach in the cohort.

Simon Sinek says it in the title of his seminal book: start with why.

At its simplest, design systems are collections of user interface elements. But leaving it at that is too general. A design system with general elements like buttons, cards, footers, and forms aren’t that much more valuable than any open-source UI kit or component library out there. The specific elements you choose make a big difference. So which ones should you choose?

To answer that, look at your company’s mission statement. Here’s a fill-in-the-blank you can use:

“Our design system at {{ COMPANY NAME }} should help us to {{ COMPANY MISSION }}.”

Some examples:


  • Our design system at Amazon should help us to be Earth’s most customer-centric company.

  • Our design system at Goodwill Industries International should help us to improve the quality of life for individuals and families by helping people reach their full potential through work and learning.

  • Our design system at SpaceX should help us to revolutionize space technology and enable people to live on other planets.


Hopefully you can already see how different those 3 design systems might be. With those mission statements, a design system at Amazon might focus on chat interfaces and two-way communication while a design system for SpaceX might focus heavily on data visualization.

This first step is a simple one, but it’s one I see a lot of teams skip. Before assuming you need to make foundational building blocks, connect your design system’s why to your company’s why.

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