Guides / Learning the Craft

How do I learn UI/UX design for free?

A 12-week self-taught roadmap built only on free, official resources, from your first Figma frame to a case study you can show.

5 min read • Updated

Researched with AI help and checked by Sarib.

The short answer

You can learn UI/UX design from scratch without paying anything in 2026. The tool has a free plan, the best reading is free, and the official design guidelines from Apple and Google are free.

Is it easy? The tool part is. You can learn Figma's basics in a few weeks. The hard part is judgment: knowing why a screen works, and proving it with real users. That takes months of making things and getting feedback, and no course can skip it for you.

So the plan is simple: learn the tool fast, learn the principles properly, then spend most of your time designing real things.

What it actually costs: nothing

  • Figma Starter is free. Figma's pricing page lists unlimited drafts, UI kits and templates, and 150 AI credits a day (up to 500 a month). Figma's help centre says a Starter team gets one folder and 3 files, with drafts on top of that, which is enough to learn.
  • Students can get more for free. Figma's education page says Figma and FigJam are free for students and educators in a structured classroom (universities, bootcamps, online courses and more), with access to the Professional tier after you verify.
  • Everything else in the roadmap below is free to read on the publisher's own site.

If you would rather take a structured course, I compare the options in UI/UX courses in Pakistan. This guide is for the self-taught route.

A 12-week roadmap

WeeksFocusFree resourceOutput
1 to 2Learn the toolFigma Design for beginners (Figma Help Center)A small portfolio site layout
3 to 4Learn the principlesNN/g's 10 usability heuristics, Laws of UXA written critique of an app you use
5 to 6Learn the platformsApple Human Interface Guidelines, Material Design 3One screen rebuilt to each platform's rules
7 to 9Design a real fixYour own researchA redesign of one broken flow
10 to 12Show itYour case studyOne finished portfolio piece

About an hour a day is enough. Consistency beats long weekend sessions.

The free resources, and what each is for

  • Figma Design for beginners. Figma's own course, published May 2025. You design a portfolio website from scratch and learn frames, auto layout, components, and prototyping. Figma says every feature it uses is on the free Starter plan.
  • NN/g's 10 Usability Heuristics. Jakob Nielsen's list, first published in 1994 and last reviewed in 2024. It comes with a free poster. Use it as a checklist every time you critique a screen.
  • Nielsen Norman Group articles. The articles and videos on nngroup.com are free to read (their courses are paid). When you hit a question, search there before you search anywhere else.
  • Laws of UX. Jon Yablonski's collection of psychology-based principles, like Hick's Law, Jakob's Law, and Fitts's Law. Short, visual, and easy to revisit.
  • Apple Human Interface Guidelines. Apple's guidance for designing on its platforms. Read Foundations first: accessibility, color, layout, typography.
  • Material Design 3. Google's open-source design system, with guidelines, components, and an official Figma design kit. Studying a real design system teaches you more than any tutorial.

That is enough. Collecting more resources is the most common way to avoid actually designing.

How I learned

I did not start in UI/UX. I made YouTube videos about Rubik's cubes and Minecraft, needed thumbnails, and making them pulled me into graphic design. When I started my CS degree, I joined ACM as a graphic designer in my first year. That road ended in UI/UX and product design.

One habit I think is underrated: learn one new thing every day. One heuristic, one component pattern, one teardown of an app you like. It feels small on the day. Over months, it adds up to a huge difference.

My biggest mistake was not talking to enough people early on. I waited until I felt ready. Do not copy that part.

The traps of teaching yourself

  • The tutorial loop. Watching another video feels like progress. It is not. After week 2, every week should end with something you designed.
  • Copying pretty shots. Recreating a Dribbble screen teaches the tool, not the thinking. Redesign something with a real problem instead.
  • No feedback. Self-taught designers stall when nobody critiques their work. Find people a step ahead; my networking guide covers how.
  • Letting AI think for you. AI is useful for speed and research, but the ideas have to be yours. More on that in my AI guide.

Your next steps

  1. Make a free Figma account today and finish the first chapter of Figma Design for beginners.
  2. Print or save the 10 heuristics poster and critique one app you use daily against it.
  3. Pick one broken flow in an app you use and write down the problem in one sentence. That is your weeks 7 to 9 project.
  4. Block one hour a day for the next 12 weeks.

When you have your first project, turn it into a UX case study. For the bigger picture of the career, read how to become a UI/UX designer in Pakistan, and if you are stuck between tools, see Figma vs Canva.

Sources

  1. 1. Plans & Pricing, Figma,
  2. 2. Figma plans and features, Figma Help Center,
  3. 3. Figma for Education, Figma,
  4. 4. Course overview: Figma Design for beginners (2025), Figma Help Center,
  5. 5. 10 Usability Heuristics for User Interface Design, Nielsen Norman Group,
  6. 6. Articles and videos, Nielsen Norman Group,
  7. 7. Laws of UX, Jon Yablonski,
  8. 8. Human Interface Guidelines, Apple,
  9. 9. Material Design 3, Google,

Still stuck? The guides are general. Your situation is not.