Design System
Design System
This is some text inside of a div block.
This is some text inside of a div block.


The primary goal of "seventy8" was to create a comprehensive and adaptable design system in Figma to facilitate the development of both desktop and mobile applications. This system aimed to offer a full suite of essential components, enhancing efficiency and consistency across design projects.

Roles and Responsibilities

As the sole designer on this project, I held complete responsibility for the conceptualization, development, and implementation of the design system. My role encompassed the entire process from initial research to the final execution, ensuring that every component met the highest standards of design and functionality.

Process and Methodology

The development of "seventy8" followed a structured and iterative design process. I began with a thorough analysis of common needs in desktop and mobile app design, which informed the selection and creation of components in the system. Utilizing Figma’s capabilities, I focused on building a flexible and user-friendly interface. The use of Figma's variables was crucial in developing tokens and primitives, enabling seamless transitions between light and dark modes for all components.

Challenges and Solutions

One of the significant challenges was ensuring the design system’s versatility across different platforms while maintaining ease of use. To address this, I implemented a modular approach, creating components that could be easily adapted or combined to suit various design needs. Another challenge was the integration of light and dark mode transitions without compromising the design integrity. This was achieved through the strategic use of Figma's variables, allowing for efficient and consistent theme changes.

Outcome and Impact

"seventy8" has transformed the approach to designing desktop and mobile applications. It serves as the foundational building blocks for any new project I undertake, significantly streamlining the design process. The system’s adaptability and user-friendliness have been key in reducing design time and ensuring consistency across various projects. Users have particularly appreciated its flexibility and the seamless integration of light and dark modes. This design system not only demonstrates the effectiveness of Figma’s advanced features but has also become an indispensable tool in my design toolkit, laying the groundwork for efficient and cohesive design development.

Click here to access the design system (View-Only Mode)