Skip to content
tezvyn:

System of Systems: Managing Design Systems at Scale

Source: Wikipedia: System of systemsHardHow cards are made

A "system of systems" isn't one giant design system, but a fleet of interconnected ones. It's how large organizations manage multiple brands or products without total fragmentation.

Why it exists

A single, monolithic design system often fails at large scale. It becomes too rigid to serve diverse product needs or too bloated trying to accommodate everyone. A system of systems addresses this by allowing for both shared foundations and specialized extensions, creating more value than the sum of its parts.

The mental model

Think of it like a federal government. A central authority provides the core brand, shared tokens, and universal components. But individual states—the product-specific design systems—have their own local governments to address unique needs, as long as they don't violate the central rules. It's about managing relationships and boundaries between systems.

How it works

A system of systems is composed of multiple, distinct design systems that are intentionally designed to interoperate. They often share a common core, such as a token library for brand colors and typography. One system might be the "source of truth" for brand foundations, while other systems consume those foundations and add their own platform-specific or product-specific components. The key is a deliberate architecture for sharing and extension.

When to use it

Use this approach in large organizations with multiple, distinct products or brands that need to feel related but not identical. It's also useful when a single product has drastically different platform requirements, such as a web app, a native iOS app, and a native Android app, where a single component library would be impractical.

When not to use it

For most companies with a single primary product, a single design system is far simpler and more effective. A system of systems introduces significant overhead in governance, tooling, and communication. Applying this model prematurely is a classic case of over-engineering that creates complexity without solving a real problem.

One canonical example

Google's Material Design is a public example. Material 3 is the core system, providing guidelines and tokens. Individual Google products like Gmail, Android OS, and Google Maps each have their own implementation and extensions. They are distinct systems that consume and adapt the core parent system, creating a cohesive but not rigidly uniform ecosystem.

Interview question

What is the core advantage of implementing a 'system of systems' for design management?

  • a.It mandates that all product teams use the exact same component library for strict visual uniformity.
  • b.It allows for a single, monolithic design system to serve all product needs efficiently.
  • c.It provides a framework to balance shared brand foundations with diverse product-specific requirements.Correct
  • d.It reduces the overall overhead and governance complexity compared to a single design system.
Why?

The 'system of systems' approach is designed to balance a central core of shared brand elements with the flexibility for individual product-specific design systems to address unique needs. Option B is incorrect because the card explicitly states that a single monolithic system often fails at scale, and this approach is a departure from that.

Just read this? Test yourself on what you have been reading.

Read the original → en.wikipedia.org

Put your scrolling time to good use

Learn one idea, try a quiz and save useful cards for revision. Tezvyn makes it easy to learn and stay current in your tech field, a few minutes at a time.

The iPhone app is on the way

We are building it. Until it lands, nothing here is held back from you: every interview card, your saved cards, streaks and the job board all work in Safari, plus hundreds of free practice quizzes of thirty questions each. Sign in and it all carries over to the app the day it arrives.

Want it as an icon? Tap Share at the bottom of Safari, then Add to Home Screen. It opens full screen and the cards you have read stay available offline.

Get it on Google PlayiPhone app coming soon

We are hiring for this. Open roles that interview on design systems — each one lists the topics its interview covers.

See open roles