Yulife Design System

Design system development, Figma
Summer 2019
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 are the most basic elements such as buttons and inputs. They cannot be broken down into smaller subparts.
Atoms are combined to create molecules. Each of these has its own defined and focused responsibility.
Molecules alongside other atoms and molecules form an organism. These are standalone components and can be reused in different contexts.
All the above mentioned components are logically categorised into sub-groups so they can be found and used quickly and easily.