UX/UI Design with Figma: From First Sketch to Polished Prototype

Courses in this academy

Academy lesson outline

1. What UX/UI Design Really Means and Why It’s a Superpower in Africa · 15 min
2. The Design Thinking Process That Solves Real African Problems · 15 min
3. Empathy in Action—Knowing Your Nigerian User Beyond Assumptions · 15 min
4. Your Figma Workspace—Account, Browser, and Desktop Setup the Right Way · 15 min
5. Navigating the Figma Interface—Canvas, Layers, and Properties · 15 min
6. Frames, Groups, and Basic Shapes—Building Your First Screen Skeleton · 15 min
7. Typography That Works—Choosing, Styling, and Pairing Fonts for UI · 15 min
8. Colour in UI—Building Palettes That Build Trust and Accessibility · 15 min
9. Icons and Visual Assets—Using, Finding, and Making Simple Icons · 15 min
10. Spacing, Grids, and Layout—The Hidden Structure of Great UI · 15 min
11. Introduction to User Research—Why You Must Talk to People · 15 min
12. Conducting User Interviews in Nigerian and African Contexts · 15 min
13. Creating User Personas That Feel Real and Useful · 15 min
14. Mapping User Journeys and Task Flows for Clearer Designs · 15 min
15. Sketching Ideas—Low-Fidelity Wireframes on Paper First · 15 min
16. Translating Sketches to Digital Wireframes in Figma · 15 min
17. Wireframing Common Mobile Screens—Login, Home, Profile · 15 min
18. Navigation Patterns—Tab Bars, Menus, and Gestures for African Users · 15 min
19. Designing for Low-Bandwidth and Offline-First Experiences · 15 min
20. Wireframe Critique—Giving and Receiving Feedback That Improves Design · 15 min
21. Introduction to Visual Hierarchy and Scanning Patterns · 15 min
22. Typography Styles and Text Properties in Figma Deeper Dive · 15 min
23. Colour Palettes in Figma—Creating and Applying Styles Professionally · 15 min
24. Buttons, Inputs, and Form Design Best Practices · 15 min
25. Cards and List Items—Designing Reusable Content Blocks · 15 min
26. Componentising Icons—Building an Icon Library in Figma · 15 min
27. Working with Images—Placeholders, Cropping, and Aspect Ratios in UI · 15 min
28. Modals, Dialogs, and Bottom Sheets—Overlay Components · 15 min
29. Selection Controls—Toggles, Checkboxes, Radio Buttons, and Switches · 15 min
30. Building a Tab Bar and Navigation Bar with Variants · 15 min
31. Introduction to Prototyping—Linking Screens the Right Way · 15 min
32. Triggers and Actions—Taps, Hovers, and Delays in Prototypes · 15 min
33. Smart Animate—Creating Seamless Transitions · 15 min
34. Overlay and Modal Prototyping—Advanced Techniques · 15 min
35. Interactive Components—Making Buttons and Inputs React · 15 min
36. Scrollable Prototypes and Fixed Elements · 15 min
37. Micro-Interactions—Adding Delightful Details · 15 min
38. Prototyping Form Validation and Error States · 15 min
39. Creating Onboarding Flows and Tutorials · 15 min
40. Presenting Your Prototype—Share Settings and Gathering Feedback · 15 min
41. Understanding Constraints for Responsive Design · 15 min
42. Auto Layout Deep Dive—Padding, Spacing, and Direction · 15 min
43. Building Responsive Cards and Lists with Auto Layout · 15 min
44. Advanced Auto Layout—Resizing, Wrapping, and Nesting · 15 min
45. Designing for Multiple Screen Sizes—A Mobile-First Workflow · 15 min
46. Component Properties—Variants, Instance Swaps, and Text Overrides · 15 min
47. Organising Styles and Assets for a Scalable Design System · 15 min
48. Building a Mini Design System—Colour, Type, and Components · 15 min
49. Documenting Your Design System for Teams · 15 min
50. From Design to Handoff—Exporting Assets and Inspecting Code · 15 min
51. Advanced Figma Techniques—Working with Plugins That Save Hours · 15 min
52. Speed Design Techniques—Working Faster Without Sacrificing Quality · 15 min
53. Understanding and Using Figma’s Branching and Version History · 15 min
54. Presentation Mode and Mobile Preview—Testing on Real Devices · 15 min
55. Creating Interactive Charts and Data Displays in Figma · 15 min
56. Dark Mode Design—Building an Adaptive Colour System · 15 min
57. Accessibility Auditing Your Figma Designs · 15 min
58. Multi-Language Prototyping—Preparing for English, Pidgin, Yoruba, Hausa, Igbo · 15 min
59. Building a Portfolio Case Study from Your Coursework · 15 min
60. Project Kick-Off—Planning Your Capstone App (Part 1—Research) · 15 min
61. Capstone Part 2—Wireframing and User Flows · 15 min
62. Capstone Part 3—High-Fidelity UI and Design System Application · 15 min
63. Capstone Part 4—Advanced Prototyping and Interaction · 15 min
64. Capstone Part 5—Testing, Feedback, and Iteration · 15 min
65. Design Handoff for Capstone—Specs, Assets, and Developer Notes · 15 min
66. Presenting Your Work to Clients or Stakeholders (The Nigerian Context) · 15 min
67. Figma for Teams—Collaborating in Real-Time · 15 min
68. Building a User Research Repository in FigJam · 15 min
69. Creating a UX Writing Guide for Your App · 15 min
70. Designing for Trust—Security and Privacy UI Patterns in Fintech and Health · 15 min
71. Designing Empty States, Loading States, and Error Recovery · 15 min
72. Building a Design Portfolio Website—No-Code Options for Nigerian Designers · 15 min
73. Freelancing as a UX/UI Designer in Nigeria—Getting Started and Pricing · 15 min
74. Preparing for UX/UI Job Interviews in the Nigerian Market · 15 min
75. Lifelong Learning—Growing as a UX/UI Designer in Africa · 15 min
76. Designing for Emerging Markets—Low-End Devices, OS Fragmentation, and Data Sensitivity · 15 min
77. Conversational UI and Chatbots for African Businesses · 15 min
78. Gamification and Habit Loops—Designing for Retention in African Apps · 15 min
79. Inclusive Design for Ageing and Low-Literacy Users in Africa · 15 min
80. Voice User Interface Design for African Languages and Contexts · 15 min
81. Advanced Design Systems with Variables and Modes in Figma · 15 min
82. Designing for Wearables—Smartwatches and Fitness Trackers in the African Context · 15 min
83. UX Audit—How to Evaluate and Improve Existing Nigerian Apps · 15 min
84. Information Architecture Deep Dive—Card Sorting and Tree Testing · 15 min
85. Advanced Prototyping—Conditional Logic and Expressions in Figma · 15 min
86. Building and Using Analytics Dashboards for UX Decisions · 15 min
87. Legal and Ethical Design—Data Protection, NDPA 2023, and Consent in Nigeria · 15 min
88. Designing for Social Impact—Agriculture, Health, Education · 15 min
89. Cross-Platform Design—Android vs iOS vs Web Differences · 15 min
90. Collaborative Design Sprints—Running a 5-Day Sprint in a Nigerian Team · 15 min
91. Building a Thought Leadership Presence—Writing and Speaking · 15 min
92. Negotiating as a Senior Designer—Salary, Equity, and Contracts · 15 min
93. Moving into UX Leadership and Management · 15 min
94. Starting Your Own Design Agency or Studio in Nigeria · 15 min
95. Teaching and Mentoring the Next Generation of African Designers · 15 min
96. Final Capstone Polish—Visual Refinements, Prototype Tuning, and Presentation Ready · 15 min
97. Case Study Clinic—Peer Review and Feedback on Capstone · 15 min
98. Designing Your Career Roadmap—1, 3, 5 Years in the African Tech Ecosystem · 15 min
99. The Future of Design in Africa—Trends, AI, and Opportunities · 15 min
100. Graduation—Your Next Steps, Community, and Lifelong Journey · 15 min

How to get started

1. Choose the course you want to purchase.
2. Pay ₦4,000 once through secure checkout.
3. Work through the lessons and activities in your learning dashboard.

Contact support if you need help choosing the right learning path.