Atomic Design leverages to Setup Design System

As Broad Frost defined Atomic Design methodology which guides to streamline UI elements standards and re-usable to across the application.

Atomic methodology leverages to define design system which would have UI elements, components, design principle, color scheme etc. The library can be easily integrated in multiple application which is developed under the design system.

Atomic design is methodology for creating design systems. There are five distinct levels in atomic design:

  1. Atoms
  2. Molecules
  3. Organisms
  4. Templates
  5. Pages

Watch the above video to learn how the Atomic binds to create final pages.