Scaling a complex design system

As a team lead, I was responsible for maintaining and scaling a large and complex design system for a confidential client. The design system is being used by hundreds of product designers and developers, to build a range of digital products, covering all screen sizes and platforms.

Note that all visuals on this site are not showing any actual designs that have been made, they serve as stand-ins and only roughly reflect the visuals and logic created in this project.

Un-disclosed

Design System

Team Lead

Aline Sawalsky

No items found.

Atomic Design Principles

I employed atomic design principles to create a scalable and reusable component-based design system in Figma. Starting with atoms, I built modular building blocks, which were then combined to form more complex organisms. This approach enabled efficient and consistent design across projects, with the flexibility to easily adapt to changing requirements.

Variable components for various use cases

I was heavily involved in all aspects of growing and maintaining the various component and pattern libraries, which helped the client's team to create cohesive, consistent designs across all of their products. The design system allows for scalability, efficiency and consistency and is being improved iteratively.

No items found.

Iterate, Iterate, Iterate

My main responsibilities were to improve the structure of the design system, including creating semantic design tokens and building complex, theme-able component variant groups. For me it was crucial to keep up with all the newest developments and features of Figma to continuously simplify the structure.

Additionally, I served as a point of contact between different teams on the client's side, ensuring that everyone was on the same page and had the necessary resources to effectively use the design system.