Interface design fundamentals
The rules behind screens that look right: spacing systems, type scales, colour with contrast, and components that repeat. Every lesson has a Figma exercise and every module ends with a screen you can put in a portfolio.
6 modules · 22 lessons · taught with Figma
About 8 hours: 6 hours 50 minutes of lessons, including their exercises, plus 60 minutes for the assessment.
What you will be able to do
- Lay out a screen on a grid with a spacing system
- Choose and pair type with a scale
- Use colour with accessible contrast
- Build a small component library in Figma
On completion
Codality verified certificate: Interface Design Fundamentals, issued to your profile and shareable with one link.
Modules
- 01Free
Seeing like a designer
3 lessons · 50 min
- 02Plus
Layout and spacing
5 lessons · 95 min
- 03Plus
Typography
4 lessons · 80 min
- 04Plus
Colour and contrast
4 lessons · 75 min
- 05Plus
Components and states
5 lessons · 110 min
- 06Plus
Assessment: one finished screen
1 lesson · 60 min
Also on the Design track