Design System

Open-source design system

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)
  1. Design system designer
  2. Lead UI Designer
Designed For
  1. Web and Mobile
Responsibilities
  1. Research
  2. Color styles
  3. Text styles
  4. Grid and Spacing
  5. Effect styles
  6. Icon
  7. Components i.e Alert, breadcrumb, button, input field etc
  8. Documentations
  9. Visual
  10. Atoms and Molecules
Tool(s)
Design System

Snapshots of the Local styles ...

Design System
Design System
Design System
Design System
Design System
Design System
Design System

Snapshots of some components ...

Design System
Design System
Design System
Design System
Design System
Design System
Design System
Design System
Design System
Design System

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.
Let's Connect
Contact