Many of the clients at the design studio I work for have similar needs–they want to launch a new website or update an existing site. These websites often follow a basic structure that is typical of marketing sites, and so have similar components. To streamline our process and speed up wireframing, I worked on the Modulus design system in Figma. This component library has a number of universal elements important for any marketing website: page heroes, forms, carousels, cards, testimonials, and more. Each is programmed to have many layout and style variations, making the components easy to mix and match for all kinds of needs. Variations are nested for ease of use and clear documentation makes it simple for all users, including designers who are less familiar with Figma.

This library is meant to be a living document that will be updated and added to as needed. If a project requires a new component type that doesn’t already exist in Modulus, then it will be created and added to the library for use in future projects.