Atomic Design System

This free Figma design system named Woop is structured around the incredibly popular 'Atomic Design' methodology which appeared in 2013. Atomic Design has slowly but consistently grown in popularity due to it's easy to understand and implement structure. Basically it divides a user interface into atoms (labels, buttons), molecules (a group of atoms such as a form), organisms (more complex components such as a navigation bar), templates and pages.

If you're looking to create a design system in the Atomic Design style then this is an excellent reference point. The Woop design system lays everything out really clearly and simply, with each page containing either all the atoms, or all the molecules or all the organisms, it also includes some example final dashboard interfaces which look really clean and interesting.

Contained in the Woop design system are: all the components with Auto-Layout applied to the, plus a light and dark mode and also plus an icon pack containing over 250 free vector icons. Components include: buttons, links, fields, dropdowns, pop-up modals, notices, checkboxes, radio buttons, switches, calendar elements, tabs, tables and progress bars. All of which look modern, clean and accessible.

To access the free Figma material design system called Woop: click the 'Get Figma File' button below, then click the 'Get a copy' button and you will now have an editable version of the Woop design system in your Figma working files library.

Author: Lyudmila

Get Figma File

Providing free Figma templates and
resources for your every need.

©2022 Free Figma Templates