Please enable JavaScript.
Coggle requires JavaScript to display documents.
Design Systems and with React and Storybook - Coggle Diagram
Design Systems and with React and Storybook
The Internet was not originally intended to host large-scale social and enterprise applications. It was really created as a way to share data across the world.
A lot of the terminology used in frontend design has its origin in printed media terminology.
But we don't develop full web pages anymore. And when we think about building our sites in terms of pages, we throw reusability :recycle: out of the window.
So instead of thinking in terms of pages, we should think in terms of
components
:linked_paperclips:
think
modularly
Three pillars of design systems
Design language
Foundation
UI Kit
Component library
Frameworks
Technologies
Style guide
Documentation
Building a design system
Design principles
What do you want your users to feel when using your products?
UI auditing
Compile all components, in every variation and state, in one place.
Group these components by functionality
Creating checklists
Defining workflows