How to learn UI UX design for free in 2026
You don't need a degree, a paid course or a fancy laptop to learn UI and UX design. You need a clear order to learn things in, a lot of practice, and someone, or something, telling you when your work is right. This guide is the short version of how to do that for free.
What UI and UX design actually are
UX design (user experience) is working out what people need and how a product should work for them: research, problem framing, flows and testing. UI design (user interface) is how it looks and feels on the screen: type, colour, layout, components and states. In most jobs you do both, which is why people say UI UX design or product design.
Why watching videos won't make you a designer
Video tutorials are a good way to see what's possible. They are a poor way to learn a skill, because the person on screen makes every decision for you. You nod along, it feels like progress, and a week later you open a blank frame and don't know where to start.
Design is learned the same way as cooking or drawing: by doing it badly, noticing what's wrong, and doing it again. So whatever you use to learn, check that it makes you design something in every session, and that something checks your work.
What you need to start
- An ordinary laptop or desktop with a modern browser. A phone isn't enough for the editor.
- A free Figma account if you want one. The free lessons linked here run in their own browser editor and need no account to start.
- About an hour a day. Consistency beats long weekends.
- No coding. You'll learn to work with developers and AI coding tools later, but you don't need to code to design.
The order to learn things in
Most beginners jump straight into Figma and then wonder why their screens look off. The tool matters less than the eye. Here's the order the UI UX roadmap follows:
- Learn to see before you learn the tools. Perception, grouping, contrast and taste. Unit 2 of the free course.
- Get the three basics into your hands. Typography, colour and layout. Units 3, 4 and 5.
- Learn Figma alongside, not before. The 25 free Figma lessons, one small lesson at a time.
- Learn to frame problems. Design thinking and problem framing. Unit 6.
- Then the UX core. Research, synthesis, information architecture and ideation.
- Then UI craft and systems. Components, states, design systems, accessibility and prototyping.
- Build, test and present projects. Usability testing, a case study and a portfolio.
How to practise so it sticks
Copy, then change
Rebuild a screen you like pixel for pixel, then change one thing at a time: the type scale, the spacing, the colours. Each change teaches you why the original worked.
Design with a reason
For every choice, write one line on why. “Bigger because it's the main action” is a design decision. “Looked nice” isn't yet.
Get feedback early
Show unfinished work. Self-checking lessons, critique partners and usability tests all count. Feedback is the fastest teacher you have.
Use AI, but judge it
AI tools can give you ten layouts in a minute. The skill employers pay for is knowing which one is good and why, then finishing it by hand. Several free lessons are about exactly that.
Build a portfolio as you go
A portfolio isn't something you make at the end. Every unit of the free course ends in a project, so after the Foundations you already have six pieces of work. Pick the two or three strongest, write up the problem, your process and what you'd do next, and you have the start of a case study.
When a bootcamp is worth it
You can get a long way for free. A bootcamp helps when you want structure, deadlines, mentor feedback on real projects and help with the job search. If you get there, the UX UI Open bootcamp follows the same roadmap as this site.
Start now
The first free lesson asks you to make something in two minutes. Open the free course, or jump straight into lesson 1.1.