Dian Saputra
UI/UX Designer build a Professional Design for your app
Ready for work
Dian is ready for their next project!
KeyDash (https://mind-cinch-79522553.figma.site/)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 (https://mind-cinch-79522553.figma.site/), 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 (https://mind-cinch-79522553.figma.site/)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
LinkedIn post:
https://www.linkedin.com/posts/dayensptr_configmakeathon-configmakeathon-ugcPost-7470173128632156160-e3C6/
Threads post:
https://www.threads.com/@dayen.dev/post/DZX9FDvjB0X?xmt=AQG07t78aZVsV95iKgbAUrEogrmWWOziR99DQ64r6qkuww
Instagram post:
https://www.instagram.com/reel/DZX_ISwpF4Z/
KeyDash (https://mind-cinch-79522553.figma.site/)— Type fast. Stay ahead.
26
57
2.2K
Batikara - AI Powered Batik Marketplace
1
2
EduHub - A Smarter Way to Learn
1
0
Hamim - Simple Login App
1
1
Lumiere - Movie Ticket Booking Apps
1
1