Note: This is a refactored version of ‘design.firstcircle.ph’

Building a design system enabled our team to build fast, efficient and consistent UI across our customer facing web app. #

With the design system, It reduced the need of doing high fidelity mock-ups using tools like Figma, saving us hours of unnecessary work and polishing UI. We can work wireframes from tools like Whimsical or even just a plain a pen and paper sketch. #

Refactored Version (v1.5) #

• Covers atleast 90% of the existing components (Check Design Inventory)
• Simplifying the structure from Atomic to Component based
  structure.
• SASS/SCSS to Stylus
• Making utility classes indepedent from components
• Straigforward naming convention for utility classes
• DRY-ier code