Please enable JavaScript.
Coggle requires JavaScript to display documents.
Design Systems (Introducing the design system (Value of design systems…
Design Systems
Introducing the design system
Standards
What and why = better UX
Visual language > personality of brand
Components
Reduces technical overhead
Value of design systems
Scale design
Single source of truth
Manage technical and design debts
Design consistently
Create a more predictable and easy to understand application
Less time focused on style and more time on better UX
Prototype faster
Iterate more quickly
Less lines of code
Improve usability
Inconsistent interface lead to cognitive load and page weight
Build in accessibility
Implemented at the component level
Myths of design systems
Too limiting
Improvements are available to everyone
Loss of creativity
Style updates become trivial effort
One and done
Still needs maintenance and improvements
Designing your design system
Team models
Solitary model
Centralized team model
Federated model
Visual inventory
Spacing, color, typography, images (icons and illustrations), visual form (depth, elevation, shadows, rounded corners), motion, sound
Design tokens
Name and value pairs