Built a Scalable Design System for Teamflow
A scalable design system for Workmate — unifying mobile expense workflows with a cohesive token architecture, reusable components, and production-ready patterns across review, approval, and submission flows.
Build StackFigma, Design Tokens, React Native, Component Library, UI Design, Design System
Challenges
Scaling UI patterns across expense review, approval, and submission flows without visual drift.
Keeping mobile screens consistent while supporting multiple states, badges, and tab variants.
Balancing a bold brand purple with accessible contrast across cards, tabs, and CTAs.
Solutions
Built a token-driven component library with shared spacing, radius, and color primitives.
Standardized expense cards, filter tabs, and summary modules as reusable patterns.
Designed mobile-first flows with clear hierarchy from summary metrics to line-item detail.
