KeyDash: Interactive Typing Game with Fun Game MechanicsKeyDash: Interactive Typing Game with Fun Game Mechanics
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
KeyDash is a web-based typing game built for the Config Makeathon using Figma Make.
The idea came from a simple problem: typing practice is useful, but it can feel repetitive and not very motivating. I wanted to explore how a clean typing-test interface could be combined with a playful game mechanic.
In KeyDash, players type random English words while a pixel-art runner tries to stay ahead of a human chaser. Every correct word increases the lead, while mistakes and slow typing make the chaser get closer.
Players can choose difficulty, time duration, character, and map before starting a run. During gameplay, KeyDash tracks WPM, accuracy, time, correct words, combo, and lead distance. At the end, players get a result screen with their final WPM as the main score, plus supporting stats and shareable results.
I used Figma Make to design and build the working prototype, iterating through the interface, gameplay logic, result screen, and visual style directly from prompts and refinements. Try the live project here: https://mind-cinch-79522553.figma.site/
KeyDash — Type fast. Stay ahead.
Muyideenaliyah's avatar
Really impressive execution
Dian's avatar
Thank you! Glad you like it 🙌
Isabel's avatar
Contra logo
this is so fun!! finally my hours typing are paying off lol
Dian's avatar
haha right?? all those typing hours finally became a survival skill 😭⌨️ thank you so much for playing, really glad you had fun!
Johannes's avatar
love it! We need more difficult levels! And starting at the first letterpress would be cool too.
Dian's avatar
Thank you so much for the feedback! Really appreciate it.
I’ve updated KeyDash with more difficulty depth and added a first-keypress start behavior, so the timer and gameplay only begin once the player actually starts typing. It definitely makes the experience feel fairer and...
Johannes's avatar
So cool!
Dian's avatar
Music attribution: “Gameboy” by Walen Source: https://freetouse.com/music No Copyright Vlog Music for Video
Picto's avatar
Picto Design Studio logo
Nice work👏🔥
Dian's avatar
Thank you 🙌 🔥
amr's avatar
Lamsa logo
Beautiful work. The project looks complete and well executed.
Dian's avatar
Thank you so much! It took a few iterations, so I’m really glad it feels well executed 🙌
harshad's avatar
damn
Dian's avatar
yeahhh, have you tried it?
Emmanuel 's avatar
WOW
Am gonna try it out
this is actually a nice job
Dian's avatar
Thank you!! Hope you have fun trying it out 🙌 Let me know your WPM score haha 💯
Sahil's avatar
Nice design !!
Dian's avatar
Thank you!! Glad you like the design 🙌
Abdullah's avatar
I know a lot of competitors are jealous of this and skipping on purpose, really really great job.
Dian's avatar
Haha thank you so much!! Hope they like it as much as you do 🙌
Muhammed 's avatar
Nice work
Dian's avatar
Thank you!! Really appreciate it 🙌
Rishi's avatar
Amazing work, My GOAT for you! I'd love to know more about your process. Were the characters generated automatically using Figma Make, or did you first create them in Figma and then import them into Figma Make?
Dian's avatar
Thank you so much!! 🙌 The characters were mostly generated and refined directly in Figma Make. I iterated a few times with the pixel-style direction until the runner and overall game feel matched what I wanted.
Arsa's avatar
kerenn bang!
Dian's avatar
Akhirnya nemu orang indo wkwk, makasi bang!
Arsa's avatar
kwkwkw good luckk broo!
Dian's avatar
u too bro, ku tunggu projek makeathonnya 🙌
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started