Desing Systems

Administrator and Contributor.

Approach

During my experience at Huge, I have learned frameworks to help clients and brands create systems that uphold promises of consistency and standardization in digital products. What you are about to see is an example of a hypothetical mental health care app, where I want to illustrate my workflows in terms of design systems.

Governance

Creating a flow or a scheme can help teams set expectations and understand the roles and processes of the design system. For example, how to request a new component and who serves as an admin.

Tokens

Establishing a variable system based on tokens is an approach that helps teams set modes at a high level in a simplified way. The most common application is switching from light mode to dark mode, but nowadays, typography, corner radius, and sizes can also be managed using variables.

Responsiveness

Based on a min and max framework, variables can also be used to create scalability in breakpoints, setting the rules for sizing options.

Flexible components

This technique helps teams add elements unique to their vertical without detaching the component. Additionally, these flexible components can be built using slots to provide more flexibility.