Getting Started

A starting point for all designers in Alfa Laval

Alfa Laval's design system - Bricks, is a collection of reusable components, tools, and resources that can be used to build digital experiences and products at scale. Our goal is to improve consistency trough out the organization, while improving the efficiency of our design and development processes. By doing this we also make sure we follow the accessibility standards we, Alfa Laval has committed to in the frame of WCAG AA. Think of us as providing the lego blocks for your product and web experiences!

Figma as a foundation

Alfa Laval's Figma libraries within the design system are resources for you to swiftly build beautiful and accessible experiences.

We have two libraries, Bricks - Design system and Bricks - Foundation.

Foundation

Foundation is a library that comprises the underlying elements, rules and brand of the Alfa Laval design system, Bricks.

Bricks

Bricks components is built with elements from the Foundation. You can find the Foundation here

Figma introduction

If this is your first time using the Alfa Design System, please read through the Figma on-boarding document before starting.

Connect with us

The Design System is currently under construction so if you have requests or useful additions, please send them to Ludvig Gårdh