01 / Early stage
I translated requirements into rough layouts and wireframes, then developed high-fidelity screens and interactive prototypes in Figma. These became the basis for design discussions and developer handoff.
Requirements → Wireframes → Validation → Hi-fi prototypes → Implementation → Testing
02 / Embracing AI tools
The whole team began using AI tools such as Lovable and Claude to turn ideas into working prototypes. This helped us review concepts quickly, gather feedback, and enable engineers to implement new features faster under tight deadlines.
Requirements → Working prototype → Validation → Implementation → Testing
03 / Combining quality and efficiency
AI tools helped us prototype and develop features faster, but as the platform grew, inconsistencies in copy, spacing, components, and interactions became more apparent. We carried out a UI/UX revamp and refined our workflow, keeping Figma as the single source of truth for development.
We continued using AI tools to explore ideas through working prototypes, then rebuilt the screens in Figma using our component library. With assistance from Claude, this process became much faster. I then reviewed the user experience and refined the details before handoff, creating new components where needed. This made precise adjustments easier and reduced repeated edits that consumed credits in AI tools.
Requirements → Working prototype → Validation → Library-based assembly → Design refinement → Implementation → Testing