- Audit existing app screens to identify and extract consistent design patterns.
- Build a robust Figma system from scratch encompassing tokens, components, and patterns.
- Define and document all component states including default, hover, focus, active, disabled, error, empty, and loading.
- Collaborate with designers and developers to harmonize the system with existing production code and naming conventions.
- Author comprehensive component documentation covering usage guidelines, specs, and accessibility requirements.
- Develop a maintenance and contribution guide for the design system.
- Conduct a final handover and walkthrough of the system for the design team.
FigmaUI Design