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. Create your Learn & Grow account or sign in.
2. Review the available access plans and choose the academy you need.
3. Work through the lessons and activities in your learning dashboard.

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