From Broken to Polished: Redesigning a Trading App UI with Figma Make + Vibe

If you're a founding member on fintech product, this one’s for you.

In this video, I walk you through how I built a complete trading mobile app — from a messy first version to a polished, high-fidelity design.

What started as a basic UI ended up with:
— Sticky headers ruining the layout
— Contrast issues in charts
— No design system 😵
— Confusing UI toggles

But in the end, I shipped a:
✔️ Clean
✔️ Accessible
✔️ Dark/light mode UI
with real insights, risk analysis, and better usability.

🛠️ Tools I used:
↳ Prototyped mid-fidelity using Figma Make + Vibe
↳ Built high-fidelity concepts directly in Figma Make
↳ Final polish in Figma with an actual design system


👇 Drop your thoughts in the comments.
👍 Like the video if it helped.
🔔 Subscribe for more product design breakdowns!

#productdesign #uxdesign #FintechDesign #figma #designsystem #prototyping #uidesign #Figma_make #vibecode #tradingapp #uxprocess