Yulife Design System

Design system development, Figma
Timeline
Summer 2019
Company
Yulife
I created a design system of UI interface elements for the Yulife app that spans across typography, colour, layouts, interactions and components. The system consists of atoms, molecules and organisms and allows for a quick and streamlined prototyping of concepts.
Component Swap
The system is built in Figma and utilises the component swap feature to enable quick interchange of UI elements
Atoms
Atoms are the most basic elements such as buttons and inputs. They cannot be broken down into smaller subparts.
Molecules
Atoms are combined to create molecules. Each of these has its own defined and focused responsibility.
Organisms
Molecules alongside other atoms and molecules form an organism. These are standalone components and can be reused in different contexts.
Screens
All the above mentioned components are logically categorised into sub-groups so they can be found and used quickly and easily.