Design Games
Interactive browser games for learning design skills, vector tools, and visual thinking. This category lists 13 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 Dialed color daily, then compare harmony drills and hex guessing.
- Dialed Color GameColor game on dialed.gg—color match and color memory online: memorize five swatches, play color daily, or multiplayer on Uwarp.
- ColorColor method game on color.method.ac—matching color games for hue, harmony, and color guessing on Uwarp.
- Hex TestHex test and hex code game—guess the hex code from swatches in MadeByShape’s 10-level color code quiz on Uwarp.
- Can't UnseeCan't unsee game on cantunsee.space—UX game to pick the most correct UI design between two options on Uwarp.
- The Boolean GameBoolean game on boolean.method.ac—operations game for union, subtract, intersect, and difference on Uwarp.
- Shape TypeShapetype on shape.method.ac—shape type game to match letterforms and score shape typography on Uwarp.
- PixactlyPixactly on pixactly.app—pixel accuracy game to match width and height in pixels across five rounds on Uwarp.
- CSS DinerCSS Diner on flukeout.github.io—css practice game to type selectors and advance through bento-table levels on Uwarp.
- The Bézier GameBezier game and pen tool practice—trace curves with minimal nodes on bezier.method.ac via Uwarp.
- Kern TypeKerning game on type.method.ac—kerntype letter spacing practice with scores out of 100 on Uwarp.
- ColorColor method game on color.method.ac—matching color games for hue, harmony, and color guessing on Uwarp.
- Hex TestHex test and hex code game—guess the hex code from swatches in MadeByShape’s 10-level color code quiz on Uwarp.
- Flexbox FroggyFlexboxfroggy on flexboxfroggy.com—flexbox exercises game with 24 flex froggy levels from Codepip on Uwarp.
- RagtimeTypographic rag game on fathom.info—fix text rag in 60 seconds with keyboard line breaks on Uwarp.
- Can't UnseeCan't unsee game on cantunsee.space—UX game to pick the most correct UI design between two options on Uwarp.
- DesignercizeDesign prompt generator on designercize.com—challenge generator for whiteboard exercise and timed design practice on Uwarp.
- Dialed Color GameColor game on dialed.gg—color match and color memory online: memorize five swatches, play color daily, or multiplayer on Uwarp.
About Design Games
Interactive browser games for learning design skills, vector tools, and visual thinking. This category lists 13 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.
Frequently Asked Questions
Have questions? We have answers.