Following up on my earlier post, I’m sharing the next part of my UX learning journey — this time with actual visuals created in Figma.
These images show how I’m practicing user flows, components, comments, and prototyping in real UI/UX scenarios.
1. Mapping User Flows Before Visual Design
Here is the user flow map using FigJam .I created in Figma to understand the customer journey before designing screens:
User Flow Image:
User journey map:
2. Building a Design System Using Components
I explored how to create reusable components in Figma and use them across different screens:
Components / Design System :
🧠 3. Using Figma Comments for Collaboration
I practiced leaving comments to explain UX decisions as if collaborating with a team:
Comments :
🧭 4. Prototyping to Test Ideas Early
This is the prototype I created to test the flow before building the final visuals:
Prototype
Figma continues to help me refine how I think about UX — from understanding user goals to building scalable design systems.
I’ll keep sharing more of my work, including user journey maps, wireframes, and usability testing insights in future posts.