A designer changes the base font size in a design system from 16px to 18px. A designer thinking in systems would anticipate which of the following?
AOnly text elements change; layout and color tokens are unaffected by a typography adjustment
BThe change is purely aesthetic and requires no further review of other components
CThe change may cascade through the type scale, affecting heading sizes, card content area, and potentially grid breakpoints
DThe change is contained within typography tokens and will not affect spacing or component layout
A typography change is never local in a well-structured design system — it propagates. A larger base font shifts the modular type scale, which changes heading sizes, which affects how much content fits in a card, which may change layout behavior at certain breakpoints. A component-level thinker sees a font-size change; a systems thinker sees a cascade and investigates where the ripple lands. Options A, B, and D all assume the change is isolated — the opposite of what systems thinking reveals.
Question 2 Multiple Choice
A color token called 'brand-interactive' is used for both button backgrounds and decorative accents throughout a product. From a systems thinking perspective, what coupling problem does this create?
ANo problem — reusing tokens reduces file size and improves performance
BThe token name is too generic, which is a documentation problem but not a systems issue
CChanging the token for accessibility (e.g., higher contrast buttons) also changes every decorative accent, potentially clashing with brand photography
DTokens should never be reused across different component types, regardless of context
This is a classic hidden coupling: two design concerns — interactive affordance and decorative brand expression — are joined at the token level. When you need to increase button contrast for accessibility, you cannot change the token without also shifting every decorative element that uses it. Systems thinking reveals this coupling during dependency mapping, before it becomes a problem. The fix is to separate tokens by semantic role: one for interactive states, one for brand decoration. Option C names the correct failure mode.
Question 3 True / False
Systems thinking in design means that a change to one component should generally be manually propagated to nearly every other component that shares its properties.
TTrue
FFalse
Answer: False
This describes a brittle, component-level workflow — precisely what systems thinking is designed to replace. In a well-architected design system, shared properties are defined at the token level, and components reference those tokens. A change to the token automatically propagates to all components that use it without manual effort. Systems thinking is about building architecture where changes flow correctly by design, not about more careful manual updating. Manual propagation is error-prone and defeats the purpose.
Question 4 True / False
Systems thinking in design requires designing the complete system architecture before building any components.
TTrue
FFalse
Answer: False
Systems thinking explicitly rejects complete upfront design. Real design systems are emergent — patterns reveal themselves only through actual use, and no blueprint drawn on day one can anticipate all the interactions and requirements that will arise. The goal is to build a resilient architecture: loosely coupled components, well-named tokens, and clear layering from global to local decisions. This architecture *accommodates* future change rather than trying to predict it. The common misconception is that 'thinking systemically' means thinking everything through first; it actually means building for adaptability.
Question 5 Short Answer
What is the difference between a designer who thinks in components versus one who thinks in systems, and why does that difference matter for long-term product maintenance?
Think about your answer, then reveal below.
Model answer: A component-level thinker asks 'does this look right?' and evaluates each piece in isolation. A systems thinker asks 'does this fit the system, and what will it affect?' — mapping how each decision propagates through tokens, layouts, and downstream components. The difference matters because products grow and requirements change. A collection of ad hoc components fractures when new requirements arrive; a systemically designed product absorbs change with minimal rework because its architecture anticipates interconnection. Systems thinking converts the question 'what do we need to fix?' into 'what will break if we change this?'
The practical value shows up at scale: when a design system has hundreds of components and thousands of uses, undocumented couplings become maintenance debt. Every undiscovered dependency is a potential breakage point. Systems thinking — specifically dependency mapping and semantic token naming — surfaces these dependencies before they become incidents. It is the difference between knowing the parts of a clock and understanding how they mesh.