UQPAY design team do not have a proper or official style guide or design system for PayMight project at that time, so we need to start from scratch. To fasten the process, we get references from Figma community and further improvise the working files. The approach can be different comparing with work experience at Pickupp. Here are some examples of the components.
List out each status of input fields and have its own variant
Screen Recording 2025-10-20 173054_smaller.mp4
Use Lucide icons
Due to differences in component behavior between mobile and web apps, we built separate design systems for easier maintenance
<aside> 🔗
PayMight Design System - Main https://www.figma.com/design/4j1gDJ49hj6lfbsTW0FyOI/PMT-Design-System?node-id=45-107&p=f&t=odIgEYvOwIffCJv1-11
</aside>
<aside> 🔗
PayMight Design System - Mobile App
https://www.figma.com/design/wOqayDHXXOI2i54Iuioska/PMT-Mobile-App-Ver.-Design-System?node-id=0-1&p=f&t=4bF7YtQl7DxkwcVv-11
</aside>