The Atomic Design is the concept of breaking down the user interfaces into smaller, simpler elements. There are five different levels in the Atomic Design: atoms, molecules, organisms, templates, and pages.
You start with atoms, the smallest element, which is used as a building component that can be reused to replicate the logic. This way, it is easier to test and save time during long term projects. When you are given a project you look at the design аnd then decide which atoms to use. A single atom might be an input field or a button.
The next element is molecule which is made by a combination of atoms, which then can be combined with a logo atom and a navigation molecule to make a navbar organism. Using these smaller components, you build templates which is the layout for future pages.
Apart from the nice food and friendly chat, today we learned how to make our design process so much quicker!
If you do not want to miss our on our newest practices, open lectures and conferences, like our Facebook page and subscribe to receive notifications on news and updates.