Pebellslearn by building
0%
RoadmapsMatrixCoursesSandboxSign in
Understand the Basics  ›  Lesson

Why Teams Need a Design System

Need of Design System 12 minA design system pays off when the same interface problems are being solved again and again across teams, because solving them once brings consistency, speed, quality and a shared language, at the cost of ongoing upkeep.

Why Teams Need a Design System

In one month, two Tiffinbox teams each spent two weeks building a date picker. The partner dashboard needed one for opening hours; the rider app needed one for shift booking. Both shipped with bugs, and only one of them worked with a keyboard. Four weeks of engineering bought two half-good copies of the same thing.

The rule

Solve each common problem once, then spend the saved time on real problems.

Every product has problems that are common, such as buttons, form fields, error messages and date pickers, and problems that are unique, such as how Tiffinbox matches riders to orders. A design system takes the common ones off every team's plate. That pays off in five ways:

  • Consistency. Customers learn a pattern once and meet it everywhere, which builds trust.
  • Speed. Teams assemble screens from finished parts instead of rebuilding them.
  • Quality. Accessibility and edge cases are fixed in one place, and every product gets the fix.
  • Shared language. Designers and engineers call things by the same names, so handoffs get shorter.
  • Scale. A new team or a new product starts with the basics already done.

It is not free. A design system needs people and time, every week, to maintain it. It can slow a team down when it lacks something they need. And for a tiny startup with one product and one designer, a full system is overhead: a handful of shared styles is enough.

Signs that a company has reached the point where one pays off:

  1. The same interface problem has been solved more than once.
  2. Users can see the inconsistency between screens or products.
  3. A bug fixed in one product still lives on in another.
  4. New designers and engineers take weeks to learn "how we do things".

The shortcut

Count the copies. For any piece of interface, count how many times it has been built separately, and how many teams will need it next. Two or more copies that keep growing means a shared version pays back. One copy that never changes can stay where it is.

Counting copies at TiffinboxStep 1 of 4
  1. List the repeated pieces

    Date pickers: built twice. Buttons: four different styles. Error messages: shown three different ways.

The common mistake is the reverse of the date-picker story: building a big system before there is anything to share. Count first, then build.

Drills

Answer fast — trust the rule.

quick drill

Which situation shows the strongest need for a design system?

quick drill

Thali fixes a keyboard bug in its shared dropdown and releases a new version. Who gets the fix?

quick drill

Which of these is a real cost of running a design system?

quick drill

Using "count the copies", which is the best first candidate for Thali?

Remember

  • Solve each common problem once, and spend the saved time on problems unique to your product.
  • Shortcut: count the copies. Two or more, and growing, means share it.
  • Trap: a system has real costs. Don't build a big one before there is anything to share.

Practice — level up

0/1 solved

Write your answer, then compare it with a rubric and a model answer.

ExplainMaking the case

Tiffinbox's leadership asks whether a design system is worth the cost. Using what you know about the date pickers, buttons and error messages, explain the benefits, the real costs, and how you would decide what to share first.