UX Games: 10 Browser Games to Test Your UI/UX Skills (2026)

A UX game is a short browser challenge that trains one UI/UX craft skill, such as kerning, color, alignment, or the pen tool. UX games (also called UI/UX games or web design games) are the plural: quick online drills you play in a browser, with no download needed. The 10 below were re-checked as live and playable in October 2026.

These drills are a gym for the visual skills you use when polishing interfaces. They are not a substitute for real projects or research. Play them between projects when you want a short, low-pressure rep, or pair them with structured learning like the programs in our roundup of the 10 best UI/UX courses for aspiring designers. Each game below names the skill it trains and how that skill shows up in day-to-day UI work.

Which UX game trains which skill

Game	Skill	Best for
Color	Color perception and color theory	Palette and harmony warm-ups
Kern Type	Kerning and typographic spacing	Letter-spacing judgment
The Boolean Game	Icon construction with boolean operations	Seeing icons as simple shapes
Can't Unsee	Alignment, spacing, contrast, component styling	Design-review eye
The Bézier Game	Pen tool and vector curves	Efficient path control
Designercize	Design thinking under time pressure	Whiteboard interview practice
Shape Type	Letterform anatomy and curve control	Logos and custom type
What the Hex	Reading hex codes as colors	Tokens and style sheets
It's Centred That	Optical alignment and centring	Layout centering calls
The Triangle	Paragraph-level web typography	Content-heavy screens

Use the table to pick one UX game that matches the skill you want to train today, then open that game below for how to play. If you searched for UI UX games or web design games, start with Can't Unsee or Kern Type: both give fast feedback and map cleanly to real interface work. Come back later for Color, The Bézier Game, or The Triangle when you want a different drill.

Get your game on 🎮 Every game below still loaded in a browser when we re-checked the list in October 2026. Links and play steps are under each heading.

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 designer who has sat on the other side of the table. Our guide to choosing a UX, product, or UI mentor helps you find the right fit for interview prep.

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 on one UX game, such as Kern Type or Can’t Unsee, is enough to keep your design eye sharp between projects. Rotate skills across the week (type one day, color the next, alignment after that) so the practice stays specific.

If you’re mapping out where those skills lead, our UX design career path guide shows the road ahead. Want someone to look at how these skills show up in your real work? Browse UX design mentors on ADPList.

Looking for game UX design instead?

If you searched for a UX game because you want to design the UX of video games (menus, HUDs, onboarding flows, accessibility, controller feedback), that is a different job from the craft drills above. Those drills train visual judgment for product and web interfaces: spacing, type, color, and whether a layout looks right. Game UX sits closer to interaction design for play: how players learn controls, stay oriented, and recover from failure. This list will not teach that craft. For the broader UX path into product work, start with our UX design career path guide.