Color Recall
Color memory game—memorize five swatches, then recreate each hue, saturation, and brightness with HSB controls on Uwarp.
FREE
Design Games
Interactive browser games for learning design skills, vector tools, and visual thinking. This category lists 17 free tools you can open in the browser. Each tool has its own page with a short description and export options where applicable.
Color training games
Practice color match and color memory before typography or layout games. Start with Color Recall or Dialed color daily, then compare harmony drills and hex guessing.
Dialed Color Game
Color game on dialed.gg—color match and color memory online: memorize five swatches, play color daily, or multiplayer on Uwarp.
EMBEDColor
Color method game on color.method.ac—matching color games for hue, harmony, and color guessing on Uwarp.
EMBEDHex Test
Hex test and hex code game—guess the hex code from swatches in MadeByShape’s 10-level color code quiz on Uwarp.
EMBEDCan't Unsee
Can't unsee game on cantunsee.space—UX game to pick the most correct UI design between two options on Uwarp.
EMBED
The Boolean Game
Boolean game on boolean.method.ac—operations game for union, subtract, intersect, and difference on Uwarp.
EMBEDShape Type
Shapetype on shape.method.ac—shape type game to match letterforms and score shape typography on Uwarp.
EMBEDPixactly
Pixactly on pixactly.app—pixel accuracy game to match width and height in pixels across five rounds on Uwarp.
EMBEDCSS Diner
CSS Diner on flukeout.github.io—css practice game to type selectors and advance through bento-table levels on Uwarp.
EMBEDThe Bézier Game
Bezier game and pen tool practice—trace curves with minimal nodes on bezier.method.ac via Uwarp.
EMBEDKern Type
Kerning game on type.method.ac—kerntype letter spacing practice with scores out of 100 on Uwarp.
EMBEDColor
Color method game on color.method.ac—matching color games for hue, harmony, and color guessing on Uwarp.
EMBEDHex Test
Hex test and hex code game—guess the hex code from swatches in MadeByShape’s 10-level color code quiz on Uwarp.
EMBEDFlexbox Froggy
Flexboxfroggy on flexboxfroggy.com—flexbox exercises game with 24 flex froggy levels from Codepip on Uwarp.
EMBEDRagtime
Typographic rag game on fathom.info—fix text rag in 60 seconds with keyboard line breaks on Uwarp.
EMBEDCan't Unsee
Can't unsee game on cantunsee.space—UX game to pick the most correct UI design between two options on Uwarp.
EMBEDDesignercize
Design prompt generator on designercize.com—challenge generator for whiteboard exercise and timed design practice on Uwarp.
EMBEDDialed Color Game
Color game on dialed.gg—color match and color memory online: memorize five swatches, play color daily, or multiplayer on Uwarp.
EMBEDColor Recall
Color memory game—memorize five swatches, then recreate each hue, saturation, and brightness with HSB controls on Uwarp.
FREESound Memory Game
Sound memory game—hear five tones, then recreate each frequency from memory with ERB-rate scoring on Uwarp.
FREETime Memory Game
Time memory game—experience five durations as pulses, then press and hold to recreate each interval from memory on Uwarp.
FREEShape Recall
Shape memory game—memorize five figures, then drag, scale, and rotate to match each shape’s position and size on Uwarp.
FREE
About Design Games
Interactive browser games for learning design skills, vector tools, and visual thinking. This category lists 17 free tools you can open in the browser. Each tool has its own page with a short description and export options where applicable. You can explore each tool page to understand the use case, output format, and how to reuse results in design and frontend projects.
How teams use Design Games
Common workflows for this category.
- Start quickly with design games: Open any tool in this category and work directly in your browser without setup or account steps.
- Reuse outputs in design workflows: Use generated SVG, image, and text outputs in Figma files, marketing pages, and product UIs.
- Keep your workflow focused: Each design games tool solves one clear task, so you can move from idea to usable output faster.
Related tool categories
Browse other categories to find complementary tools for your workflow.
SVG Generators
Backgrounds, patterns, shapes, waves, and 3D-style SVG generators for web layouts, illustrations, and design exports.
Icons & Graphics
Icon libraries, illustrations, doodles, and ready-to-use SVG asset collections for product UI.
Font Tools
Font conversion, @font-face helpers, inspection tools, and typography utilities.
Mockups & Device Frames
Device mockups, screenshot framing, and presentation templates.
Color Tools
Color pickers, palettes, contrast checkers, and accessibility.
Image & Conversion
Image tracing, OCR, SVG to PNG, Base64 encoding.
Frequently Asked Questions
Have questions? We have answers.