Design System is a collection of reusable ComponentsComponents
- Components are portions of reusable code within your system, and they serve as the building blocks of your application’s interface.
- BOOK- Design Systems Handbook, build using AtomicityAtomicity
Atomicity refers to the smallest, irreducible building block material. The core concept is that as you build things after defining the smallest, individual elements, then the possibility of mixing ... and Sub-atomic Design TokensDesign Tokens
Design tokens are the “subatomic” foundation of a design system. They are the values needed to build a design system, like color, space, typography, etc., **represented as data.**
#### Design toke... particles that follow the guideline, behave consistently, and together work as the building block of the product. A design system is not a pattern library or a sticker sheet. Atoms being consistent or similar in a design system won't make the final result compatible.
It requires a clear, documented guideline on behaviour and usage patterns. Usage patterns, organisms, and templates make the system scalable Design is ScalingDesign is Scaling
Design is not *just* about visual aesthetics. One reason businesses invest in design is that it defines the products, builds consistency, reduces the learning curve, thus attracts and retains custo.... It follows Lego-like structureLego-like structure
An easier way of understanding Atomicity is by comparing it with Lego Box. The Lego Box contains a set of 'blocks,' a basic unit of the game.
### Atomic Concept
1. Lego Blocks are the smallest... but does come with some themes and rules. The combinations are not unlimited. Consider the design system as the single source of truth that groups all the elements that will allow the teams to design, realise and develop a product.
Start with Scorecards to Pilot Design System MigrationScorecards to Pilot Design System Migration
Start building a design system by building a weighted Interface Inventory, based on frequency of reuse of common components. Then start with a pilot project. Use Pareto Principle.
### Swee... instead of over planning and underachieving.