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
Back to feedPost
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/
View the Figma Community file here:
https://www.figma.com/community/file/1646235222942005244/keydash-arcade-typing-game-built-with-figma-make
KeyDash — Type fast. Stay ahead.
this is so fun!! finally my hours typing are paying off lol
haha right?? all those typing hours finally became a survival skill 😭⌨️
thank you so much for playing, really glad you had fun!
love it! We need more difficult levels! And starting at the first letterpress would be cool too.
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...
So cool!
Music attribution:
“Gameboy” by Walen
Source: https://freetouse.com/music
No Copyright Vlog Music for Video
Nice work👏🔥
Thank you 🙌 🔥
Thank you so much! It took a few iterations, so I’m really glad it feels well executed 🙌
yeahhh, have you tried it?
WOW
Am gonna try it out
this is actually a nice job
Thank you!! Hope you have fun trying it out 🙌
Let me know your WPM score haha 💯
Nice design !!
Thank you!! Glad you like the design 🙌
I know a lot of competitors are jealous of this and skipping on purpose, really really great job.
Haha thank you so much!! Hope they like it as much as you do 🙌
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?
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.
kerenn bang!
Akhirnya nemu orang indo wkwk, makasi bang!
kwkwkw good luckk broo!
u too bro, ku tunggu projek makeathonnya 🙌
Amazing!
Thank you, appreciate it!
Thank you!! That was exactly the idea, making typing practice feel more like a game 🚀
This is so cool, I too recently made a typing game (in Framer) where every misspelt word made them wiggle and fall off but this was 10X more fun than mine. Loved it.
Thank you so much!! Your Framer typing game sounds really fun too, I love the misspelled words falling off idea haha. Really glad you enjoyed mine 🙌
Thank you bro!! Really glad you enjoyed it 🙌
what a sick way to use Figma very inspiring!
Thank you so much!! Really glad you found it inspiring 🙌
Had a lot of fun experimenting with Figma in a more game-like way.
cool!
Thanks!
you're welcome
This so good! love the game
Thank you!! Really glad you loved it 🙌
Wow!
Thank you! have u tried it? 🤨
The chaser mechanic is smart — turns a solo skill drill into something that actually feels urgent. Typing games live or die by that pressure loop.
Thank you!! That's exactly what I was aiming for. Adding the chaser made typing speed feel like it had real consequences instead of just being a score on a screen 🙌
Beautiful
Thank you
its cool my hours typing are paying of this is so fun lol
Haha right? Really glad you had fun 😄 🙌
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
Challenges
View all
Related posts
VYRO — redefining essentials through a bold, minimal digital experience.
Nice work!
🎰 6 POSTS AGO I ASKED: LUCK OR A PATTERN?
Well… apparently, a pattern.
Another Asol Design project was hand-picked by the Contra team.
Feature #7.
And this time it’s our AI Voice Notes App, another mobile product concept built around the same principle I keep pushing:
Great mobile design isn’t just about making screens look beautiful.
It’s about combining product thinking, user behavior, growth logic, and strong visual execution into one clear experience.
7 features later, I think the pattern is becoming pretty obvious. 👀
Thank you, Contra team, for noticing the work again.
More mobile product experiments, growth thinking, and probably a few more Contra features are coming. 👀
Next stop: #8?
#mobileappdesign #productdesign #uxdesign #uidesign #growthdesign #iosdesign #aidesign #figma #asol_design
Congrats 🎉
30+ pages, 3 weeks, and honestly one of my favorite projects in a while.
I'd been wanting to design something more tech-driven for a long time, and Gryd, a platform turning construction permit data into intelligence for insurers, lenders, and real estate teams, was exactly that.
Wireframes first, then UI across every page, fully responsive, with animation on the key screens, all built inside the brand the client had already set.
Case study's on my profile.
Clean design 😍