You can add/save different components of your design to the atoms library.

Consider the following design page in a project where you want to save the offer layer
to the Design Atoms library under the Price & Discounts atom category.
To do that
- First, save the design to a collection (OR) duplicate the existing page
- Then, delete all the layers of the design except the one which you want to add/save to the atoms library
- As a best practice, resize the page to 500 x 500 pixels and then position the layer to the centre of the page
- Ensure that if it is a grouped layer, then all the layers in the group are named contextually.
- You can now add it to the Design Atoms library by clicking on the ➕ Collection in the bottom toolbar.
- Navigate to the Design Atoms tab, and select the category (here Price & Discounts)
- Your layer will be added to the Design Atoms library under the Prices & Discounts category.
- You can also create a new atom category and save your layer in it