Web Design Fundamentals: Figma to Production
Design interfaces that look considered and hand them over as code — the two halves of the job, taught together.
- Duration
- 8 weeks
- Lesson content
- 7h across 8 lessons
- Seats
- 30 per cohort
- Next start
- Rolling — start any Monday
Tuition
₦120,000
Or ₦60,000 now and the balance before week five.
- AI study assistant scoped to this curriculum
- Written code review on every assignment
- Recordings of every live session
- Certificate naming the work you shipped
Payment is processed by Flutterwave in naira. Full refund up to seven days before the cohort starts — refund policy.
Syllabus
Seeing like a designer
- 40m
Hierarchy, contrast, and why layouts fail
Free previewThe four or five decisions that separate an interface that reads instantly from one that does not.
- 50m
Typography as a system
Choosing and pairing typefaces, setting a modular scale, and getting line length and leading right.
- 45m
Colour with intent
Building a palette from a brand, checking contrast against WCAG, and using accent colour sparingly enough that it means something.
Figma in earnest
- 60m
Auto-layout, components, and variants
Building a design file that survives a change request instead of needing to be rebuilt.
- 55m
Designing responsively
Mobile-first thinking, breakpoints that follow the content, and designing for the phone most Nigerians actually carry.
Into the browser
- 50m
Semantic HTML and document structure
Choosing the right element, and what assistive technology does with each one.
- 65m
Modern CSS layout: flexbox and grid
Building the layouts you designed, without absolute positioning or magic numbers.
- 45m
Handing off and going live
Exporting assets, documenting the system, and deploying the finished site to a real domain.