Design
FreeUX Design & Figma Prototyping
Go from pretty screens to products people can actually use — user research, wireframes, and clickable prototypes in Figma.
All Levels · 12 lessons · 8 hours · English
Design
UI Design Fundamentals
Good-looking interfaces are not a matter of talent; they follow learnable rules. This course teaches the core visual principles of UI design — colour, type, spacing, alignment, and hierarchy — using real app and website examples, including what makes the bad ones hard to use. You will practise each rule on small design exercises in a free design tool. No design experience or drawing skill is required.
Beginner · 13 lessons · 7 hours · English + Urdu · Part of the UI/UX Designer Roadmap
What you will learn
- Choose and combine colours using simple colour rules
- Pick and pair fonts, and size text with a clear hierarchy
- Use spacing and alignment to make layouts feel organised
- Design buttons, cards, and forms that are easy to use
- Spot and fix common visual design mistakes
- Apply a consistent visual style across a full screen
Curriculum
Module 1: Design Foundations and Your Tool
- What UI Design Is (and How It Differs from UX)Free preview9 min
- Setting Up Figma and Your First Frame11 min
- Visual Hierarchy: Guiding the Eye11 min
- Module Quiz: Design FoundationsQuiz
Module 2: Colour, Type and Spacing
- Colour Theory for Interfaces12 min
- Typography: Fonts, Sizes and Readability12 min
- Spacing, Alignment and the 8-Point Grid11 min
- Module Quiz: Colour, Type and SpacingQuiz
Module 3: Designing Real Interface Elements
- Buttons, Inputs and Forms that Feel Right12 min
- Cards, Lists and Navigation Patterns12 min
- Redesigning a Messy Screen, Step by Step14 min
- Reading: Free Resources for Icons, Images and Inspiration6 min
- Module Quiz: Interface ElementsQuiz
Project: Redesign a Local Business App Screen in Figma — you finish this course by building it, not just by watching.
Requirements
- No design experience required
- A computer with a web browser
- A free Figma account (set up in the first module)
Frequently asked questions
Is UI Design Fundamentals really free?
Yes. This course is free and open. Its lessons use public learning videos with FUTEAC summaries, tasks and quizzes. An optional verified certificate is available after completion.
Do I get a certificate?
You receive a completion record when you finish the course and pass its quizzes. A verifiable certificate with a public verification link is available as an optional upgrade.
What do I need before starting?
Check the Requirements section on this page. If a course builds on an earlier one, we say so there — and the roadmap shows you the right order.