Rohit Koppula - Product Designer

Design system

Understanding components, variables and design tokens for design system in figma.

Service

Design system

Product type

Component library

Built

From scratch

Year

2024

Case studies

Motion design

AI experiments

UI gallery

About

Get in touch

Problem statement

Build a component library as figma is launching new features and it is very important be upto date with the new features as a product designer.

- Design token
- Variants and components
- Responsiveness

Last updated on Nov, 24

Created by - Rohit Koppula

Impact &

solution

Impact & solution

Created more than 100 components and a lot of variants using properties.
Created centralized style definitions for colors, radius, and spacing.
Leverage Figma’s Auto Layout and Constraints to design adaptive components.
Build reusable components for scalability, minimizing design duplication and effort.

Created more than 100 components and a lot of variants using properties.
Created centralized style definitions for colors, radius, and spacing.
Leverage Figma’s Auto Layout and Constraints to design adaptive components.
Build reusable components for scalability, minimizing design duplication and effort.