Color Recall
FREE
Play the color memory game everyone's talking about. We show you 5 colors, you recreate them from memory using HSB controls.
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
FREEPlay the color game on dialed.gg: a color match game to memorize five swatches, test color memory, and match colors online—solo, color daily, or multiplayer.
Color
FREEPlay the color method game on color.method.ac: matching color games for hue, saturation, and harmony—color guessing with complementary and triadic rounds.
Hex Test
FREEPlay Hex Test on madebyshape.co.uk: guess the hex code from swatches in this hex code game—10-level color code quiz and colour code game.
Can't Unsee
FREEPlay the can't unsee game on cantunsee.space: pick the most correct UI between two designs—a UX game for hierarchy, typography, and visual detail.
The Boolean Game
FREEPlay the boolean game on boolean.method.ac: an operations game for union, subtract, intersect, and difference—vector boolean practice.
Shape Type
FREEPlay shapetype on shape.method.ac: the shape type game to drag Bézier curves, match famous letterforms, and score shape typography.
Pixactly
FREEPlay Pixactly on pixactly.app: draw rectangles to match target width and height in pixels—five-round pixel accuracy game with personal bests.
CSS Diner
FREEPlay CSS Diner on flukeout.github.io: css practice through selector puzzles on a bento table—type selectors, advance levels, learn CSS.
The Bézier Game
FREEPlay the bezier game on bezier.method.ac: a pen tool game to trace curves with minimal nodes—bezier curve practice for Figma and Illustrator.
Kern Type
FREEPlay the kerning game on type.method.ac: Kern Type (kerntype) to adjust letter spacing, score kerning accuracy, and practice typography.
Color
FREEPlay the color method game on color.method.ac: matching color games for hue, saturation, and harmony—color guessing with complementary and triadic rounds.
Hex Test
FREEPlay Hex Test on madebyshape.co.uk: guess the hex code from swatches in this hex code game—10-level color code quiz and colour code game.
Flexbox Froggy
FREEPlay flexboxfroggy on flexboxfroggy.com: flexbox exercises game to guide frogs with justify-content, align-items, and flex-direction—10 levels.
Ragtime
FREEPlay Ragtime on fathom.info: fix typographic rag in 60 seconds—keyboard typography game about text rag, not the Broadway play—
Can't Unsee
FREEPlay the can't unsee game on cantunsee.space: pick the most correct UI between two designs—a UX game for hierarchy, typography, and visual detail.
Designercize
FREERun Designercize on designercize.com: a design prompt generator and challenge generator for whiteboard exercise and design practice with a timed timer.
Dialed Color Game
FREEPlay the color game on dialed.gg: a color match game to memorize five swatches, test color memory, and match colors online—solo, color daily, or multiplayer.
Color Recall
FREEPlay the color memory game everyone's talking about. We show you 5 colors, you recreate them from memory using HSB controls.
Sound Memory Game
FREEPlay the sound memory game everyone's talking about. We play 5 tones, you recreate them from memory using a frequency slider.
Time Memory Game
FREEPlay the time memory game everyone's talking about. We show you 5 durations, you recreate them from memory.
Shape Recall
FREEYou see 5 shapes, then recreate them from memory. How accurate is your spatial sense?
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
Quick answers about this tool—open a question to read more.