Design System

Open-source design system

Overview

About

Light's Design System and Component Library is an open-source project I created to provide designers with a robust foundation for their work. Launched on May 20, 2024, in the Figma community, this system is designed to be a versatile tool that designers can adapt, learn from, and experiment with according to their needs. Whether you're starting a new project, refining an existing one, or just exploring design concepts, Light's Design System offers the resources to help you succeed.

Challenge

Designers often struggle with having a consistent and high-quality foundation to start their projects, which can lead to inefficiencies and a steep learning curve when adopting new design tools or standards. Additionally, designers need a versatile and adaptable system that they can customize to fit their unique project requirements and personal design styles.

Problem Statement

How might we provide designers with an open-source, adaptable design system that offers a solid foundation for starting new projects, encourages experimentation and learning, and ensures consistency and quality in their design work?

Role(s)

Design system designer
Lead UI Designer

Designed For

Web and Mobile

Responsibilities

Research
Color styles
Text styles
Grid and Spacing
Effect styles
Icon
Components i.e Alert, breadcrumb, button, input field etc
Documentations
Visual
Atoms and Molecules

Tool(s)

Snapshots of the Local styles ...

Snapshots of some components ...

Outcome

Within just two weeks of launching on the Figma community, my design system achieved over 1,000 downloads, receiving positive feedback from other designers who shared how it had significantly improved their workflow and design processes.

View Previous Project

Union Bank - Financials

View Next Project

6th Street - E-commerce

Let's Connect

Contact