Intermediate
Design
Design Systems
Embark on your learning journey with Design Systems. This course is designed to be accessible to beginners while providing enough depth to challenge experienced learners.
You'll gain hands-on experience through interactive coding exercises, quizzes, and real-world projects. Our community forum provides support whenever you need it.
Invest in your future today and join the next generation of African tech leaders.
Course Syllabus
Week 1: Introduction & Setup
- Lesson 1: Design principles for digital products Preview 18min
- Lesson 2: Typography and visual hierarchy Preview 18min
- Lesson 3: Color systems and contrast 21min
- Lesson 4: Layout grids and spacing 18min
- Lesson 5: Wireframes before high fidelity 18min
Week 2: Core Concepts
- Lesson 1: Design a mobile screen flow 14min
- Lesson 2: Create reusable components 17min
- Lesson 3: Prototype interactions 24min
- Lesson 4: Gather and apply feedback 13min
- Lesson 5: Hand off designs to engineers 8min
- Lesson 6: Build a case-study portfolio piece 24min
Week 3: Hands-On Practice
- Lesson 1: Design a mobile screen flow 25min
- Lesson 2: Create reusable components 13min
- Lesson 3: Prototype interactions 24min
- Lesson 4: Gather and apply feedback 25min
- Lesson 5: Hand off designs to engineers 19min
- Lesson 6: Build a case-study portfolio piece 17min
Week 4: Intermediate Techniques
- Lesson 1: Design a mobile screen flow 13min
- Lesson 2: Create reusable components 22min
- Lesson 3: Prototype interactions 22min
Week 5: Advanced Topics
- Lesson 1: Design a mobile screen flow 16min
- Lesson 2: Create reusable components 8min
- Lesson 3: Prototype interactions 15min
- Lesson 4: Gather and apply feedback 24min
Week 6: Real-World Projects
- Lesson 1: Design a mobile screen flow 14min
- Lesson 2: Create reusable components 14min
- Lesson 3: Prototype interactions 13min
- Lesson 4: Gather and apply feedback 22min
- Lesson 5: Hand off designs to engineers 10min
- Lesson 6: Build a case-study portfolio piece 21min
Week 7: Best Practices
- Lesson 1: Design a mobile screen flow 19min
- Lesson 2: Create reusable components 19min
- Lesson 3: Prototype interactions 23min
- Lesson 4: Gather and apply feedback 9min
Week 8: Final Project & Certification
- Lesson 1: Design a mobile screen flow 17min
- Lesson 2: Create reusable components 14min
- Lesson 3: Prototype interactions 20min