Quotidian Design System

Work in progress pet project, designing and building a design system with Figma and Storybook.

Role

front end - react/styled-components/storybook

UI/UX designer - figma

Results

deployed npm package

design system figma document

testable and accessible components

Key takeaway

Following the atomic design methodology has helped me build a scalability and reuseable ui library.

Button component page with different button states and variants
Storybook documentation view for reusable button component
Source: Npm Package | Source: Figma Document
⟵ Back to projects