This course is designed to guide aspiring product designers and developers through the full cycle of digital product creation — from idea to interactive prototype. Students will learn how to use Figma, one of the most powerful design tools in the industry, to create beautiful and functional UI/UX designs, wireframes, user flows, and prototypes.
The course includes real-world exercises in user research, wireframing, UI design, and usability testing, making it ideal for those who want to become UI/UX designers, product designers, or collaborate with development teams in real software projects.
What is Product Design?
Design Thinking & Problem-Solving
UX vs UI vs Product Design
Design Roles & Tools in the Industry
Introduction to Figma and Interface Overview
Understanding Users & Personas
User Journey Mapping
Competitive Analysis
Defining Product Goals
Problem Statements & Solution Framing
What is Wireframing? Low vs. High Fidelity
Using FigJam for Ideation & Flowcharts
Drawing User Flows
Designing Wireframes in Figma
Organizing Design Files & Pages
Frames, Layouts & Grids
Working with Typography & Icons
Color Theory & Design Tokens
Components, Variants & Auto Layout
Design Systems and Style Guides
Adding Interactions and Animations
Creating Multi-Screen Prototypes
Smart Animate and Micro-interactions
Device Mockups & Presentation Techniques
User Testing and Feedback Collection
Inspecting Designs for Handoff
Figma Dev Mode and Design Specs
Exporting Assets (SVG, PNG, PDF)
Design Tokens & CSS Mapping
Working with Developer Teams
Redesigning a Mobile App UI
Web App or Landing Page Design
Booking or E-commerce App UI
SaaS Dashboard/Portal Design
Responsive Design & Mobile-First Thinking
Creating a Portfolio Case Study
Writing a UX Case Study (Problem ? Process ? Result)
Behance & Dribbble Tips
Freelancing and Getting Clients
Interview Questions for UI/UX Roles
Oluwashina Sulaimon
Aramide Emmanuel
Oluwashina Sulaimon
