10 Free Games to Test Your UI/UX Design Skills (2026)

Let’s take a break from books, courses, bootcamps and video tutorials. These 10 free browser games test real UI/UX design skills — color perception, kerning, alignment, the pen tool — and every one of them was verified live and playable as of July 2026:

• Color — match hues, saturation, and color harmonies against the clock
• Kern Type — space letters by hand and get scored against a typographer’s solution
• The Boolean Game — build icons by uniting, subtracting, and intersecting shapes
• Can’t Unsee — pick the more correct UI from two nearly identical designs
• The Bézier Game — master the pen tool by tracing shapes with limited nodes
• Designercize — a random generator of whiteboard-style design challenges
• Shape Type — fix broken letterforms by adjusting bézier curves
• What the Hex — guess which color swatch matches a hex code
• It’s Centred That — spot whether an object is perfectly centred
• The Triangle — balance font size, line height, and line length for readable paragraphs

Like any other expertise, UI and UX design skills sharpen with deliberate practice. These games turn that practice into short, low-pressure reps — just you and the game, no pressure 😉. They work best as a supplement to structured learning, like the programs in our roundup of the 10 best UI/UX courses for aspiring designers.

Get your game on 🎮

1. Color

Skill tested: color perception and color theory.

Color runs you through the vocabulary of color harmony — the same relationships you lean on when building palettes for interfaces. It’s a fast way to find out whether you actually see the difference between an analogous and a triadic scheme, or just know the definitions.

How to play:

• Press the center of the wheel to get started
• You get a few seconds to pick the matching color
• There are 6 stages: hue, saturation, complementary, analogous, triadic, and tetradic

2. Kern Type

Skill tested: kerning and typographic spacing.

Kerning is one of those details users never name but always feel. Kern Type compares your letter spacing to a typographer’s solution, so you get objective feedback on a skill that’s usually pure eyeballing.

How to play:

• Move the letters into place using your mouse or keyboard
• Click ‘Done’ when the word feels balanced
• You’re scored out of 100 against the expert solution

3. The Boolean Game

Skill tested: icon construction with boolean operations.

Unite, subtract, intersect, and exclude are the four moves behind almost every icon you’ve ever traced in Figma or Illustrator. This game drills the mental model of seeing complex icons as combinations of simple shapes.

How to play:

• Combine basic shapes with boolean operations to recreate the target icon
• Use ‘Undo’ or ‘Start Over’ if a step goes wrong

4. Can’t Unsee

Skill tested: attention to UI detail — alignment, spacing, contrast, and component styling.

Two versions of the same interface, one of them subtly wrong. Can’t Unsee is the closest thing to a design-review simulator, and it’s a favorite on nearly every list of designer games for a reason: it trains the exact eye you need when polishing real product screens.

How to play:

• Choose which of the two designs is more correct
• Difficulty ramps up after the first few stages
• Got one wrong? You can compare the designs to see the difference

5. The Bézier Game

Skill tested: pen tool mastery and vector curves.

The pen tool is the rite of passage of vector design. This game forces you to trace shapes with a limited number of nodes, which teaches the economy that separates clean paths from lumpy ones.

How to play:

• You start with 3 practice shapes to outline with the pen tool
• The real test begins after the practice stage
• Node limits push you toward efficient, minimal paths

6. Designercize

Skill tested: design thinking under time pressure — the whiteboard challenge.

Designercize is a digital version of the interview whiteboard challenge: it generates a random brief and a timer, and you design. If you’re preparing for interviews, pair it with mock feedback from a UX design mentor who has sat on the other side of the table.

How to play:

• Select a difficulty level: Easy, Medium, or Hard
• Hit the reload button to generate a new design challenge
• Sketch your solution before the timer runs out

7. Shape Type

Skill tested: letterform anatomy and curve control.

Shape Type hands you a broken letter and asks you to restore its curves. It builds the same instincts as The Bézier Game but through type, so you learn what makes a letterform look right — useful for logos, wordmarks, and custom type.

How to play:

• Drag the control points to reshape the letter
• Press ALT for a quick comparison with the original
• You get a similarity score: the original shape vs yours

8. What the Hex

Skill tested: reading hex codes as colors.

Being able to glance at #3B82F6 and think “that’s a mid blue” is a small superpower when you live in design tokens and style sheets. What the Hex trains exactly that translation.

How to play:

• Guess which swatch matches the hex code
• Customize the difficulty (more swatches, subtler differences)
• Answer wrong and it shows you the correct code

9. It’s Centred That

Skill tested: the designer’s eye for alignment and centring.

Built by UK agency Supremo, this one asks a single question over and over: is it centred? It sounds trivial until you miss three in a row — and it maps directly to the optical-alignment judgment calls you make in every layout.

How to play:

• Decide whether the object is perfectly centred
• Correct answers move you to the next round
• Wrong answers let you retry — or challenge a friend

10. The Triangle (Better Web Type)

Skill tested: paragraph-level web typography.

Based on Matej Latin’s “Equilateral Triangle of a Perfect Paragraph” theory, this game makes you balance three variables — font size, line height, and line length — until body text actually reads well. It’s the most directly applicable game on this list for anyone designing content-heavy screens.

How to play:

• Adjust one of the three variables to match the other two
• Submit when the paragraph feels right
• You’re scored out of 10

Make it a habit

Set aside a little time each week for self-learning. Five to ten minutes of games like Kern Type or Can’t Unsee is a genuinely fun way to keep your design eye sharp between projects — and if you’re mapping out where those skills lead, our UX design career path guide shows the road ahead.

And when you want feedback on real work, not game scores, you can always book a free session with one of the 40,000+ mentors on ADPList — start with our UI design mentors, or read our guide to design mentorship to make the most of it. Curious how ADPList stacks up against paid platforms? See the best mentorship platforms compared.