Design system
Design system
Understanding components, variables and design tokens for design system in figma.
Understanding components, variables and design tokens for design system in figma.
Understanding components, variables and design tokens for design system in figma.
Service
Design system
Design system
Product type
Component library
Component library
Built
From scratch
From scratch
Year
2024
2024
Problem statement
Problem statement
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
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
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.
Next projects
Next projects
Next projects
Last updated on Nov, 24
Created by - Rohit Koppula
Last updated on
November, 24
Created by
- Rohit Koppula
Last updated on Nov, 24
Created by - Rohit Koppula