Skip to main content

Intro to UI Design Fundamentals

A free, short Scrimba course with Gary Simon: about 1.2 hours of UI design principles, taught entirely in HTML and CSS so there is no design tool to learn first.

Quick answer​

Intro to UI Design Fundamentals is Scrimba's free, intermediate course: roughly 1.2 hours and 21 lessons, taught by Gary Simon. It introduces the principles behind good-looking, usable interfaces (spacing, hierarchy, type, colour) and does it in HTML and CSS rather than a design tool. It is the free taster for the much larger Learn UI Design, and a good way for developers to pick up some design sense without leaving code.

Is it worth your time?​

For free, and for developers in particular, yes. Plenty of people who can write CSS still produce interfaces that look slightly off without knowing why, and this course names the reasons: spacing, alignment, hierarchy, restraint. Because it teaches in HTML and CSS rather than a design tool, the lessons apply directly to the code you already write, which removes the usual friction of having to learn a tool to learn design.

The honest caveat is that it is an intro, and a short one. It builds awareness and gives you a vocabulary, but 1.2 hours will not make you a designer. It is best understood as a taster: enough to decide whether design is something you want to go deeper on, at which point the full Learn UI Design course is the next step.

What you'll learn​

The course walks through the core principles that make interfaces look intentional: visual hierarchy, spacing and whitespace, typography choices, colour, and the consistency that ties a layout together. Each idea is shown in HTML and CSS, so you see how a design principle translates into actual styles rather than staying abstract. By the end you have a working eye for why some interfaces feel polished and others feel cramped, and the vocabulary to talk about it.

It is deliberately introductory. It opens the door; the depth lives in the full course it previews.

Who it's for, and who should skip it​

It fits developers who can write CSS but want better design instincts, and anyone curious whether UI design is worth pursuing. It is a natural fit for designers coming from the code side.

Skip it if you are already a confident designer, or if you have not yet learned HTML and CSS, in which case Learn HTML and CSS comes first.

Prerequisites​

Basic HTML and CSS, since the principles are demonstrated in code. No prior design experience and no design tool required.

Where it fits​

This is a free, standalone taster rather than a path milestone, and it is especially relevant for designers. If it lands, the deeper Learn UI Design is the full course it previews.

Free or Pro​

This course is free, with no subscription required to start or finish it. Scrimba Pro is a separate decision that unlocks the career paths, challenges, certificates, and Discord, including the larger Learn UI Design course. If you only want this intro, you never have to pay. See current plans if you later want more.

Strengths and limits​

What it does well: it is free, it teaches design in the language developers already speak (HTML and CSS), and it gives you a real vocabulary for what makes interfaces work.

Where it is limited: it is short and introductory. It builds awareness rather than mastery, and the depth is reserved for the full course it serves as a taster for.

Start Intro to UI Design Fundamentals for free (opens in a new tab)

Related Guides

Next step

All Courses

Docs
Last updated on