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.
cool!
Thanks!
you're welcome
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 🙌
Nice work
Thank you!! Really appreciate it 🙌
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.
Really impressive execution
Thank you! Glad you like it 🙌
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.
This so good! love the game
Wow!
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.
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
Related posts
The Config Makeathon is officially live! There is $100,000 worth of prizes on the line.
Check out the guidelines here and this guide for maximizing your AI credits in Figma. There won’t be additional free AI credits provided again, so use them wisely!
The challenge runs from now through June 18th at 11:59pm PST. Can’t wait to see what you make.
For the #CapCutDesignStudio Challenge, I created 𝗖𝗮𝗽𝗖𝘂𝘁 𝗩𝗶𝘀𝗶𝗼𝗻 — a concept that reimagines CapCut as a wearable technology company 💎
[𝗗𝗶𝗿𝗲𝗰𝘁𝗶𝗼𝗻 𝗔] 𝗖𝗮𝗽𝗖𝘂𝘁 𝗮𝘀 𝗮 𝗗𝗶𝗳𝗳𝗲𝗿𝗲𝗻𝘁 𝗜𝗻𝗱𝘂𝘀𝘁𝗿𝘆
CapCut Vision transforms CapCut from a video editing platform into an AI-powered smart eyewear ecosystem designed for the next generation of creators. CupCut Vision allows creators to capture moments, transform them through AI, and instantly share them with the world.
I was inspired by CapCut's mission to make creativity accessible to everyone, and I imagined a future where capturing, editing, and sharing content happen as one seamless experience.
[𝗣𝗿𝗼𝗷𝗲𝗰𝘁 𝗢𝘃𝗲𝗿𝘃𝗶𝗲𝘄]
For this submission, I developed:
• Brand Concept
• Visual Identity System
• Product Design Language
• Smart Glasses Design
• Packaging Experience
• Creator Ecosystem
• Presentation Deck
[𝗪𝗼𝗿𝗸𝗳𝗹𝗼𝘄]
To demonstrate my workflow, I also included:
• Recording of the entire creation process
• Brand Concept Presentation
• Complete Design Studio chat history
[𝗠𝘆 𝗘𝘅𝗽𝗲𝗿𝗶𝗲𝗻𝗰𝗲] ❤️
One thing I genuinely enjoyed while working on this project was how intuitive CapCut Design Studio felt ❤️
I realized that great results don't necessarily come from writing perfect prompts. Most of my process involved combining references, exploring visual directions, refining ideas, and iterating creatively. Design Studio made it easy to move from inspiration to concept development and final presentation within a single workspace 🔥🔥🔥
[𝗗𝗲𝘀𝗶𝗴𝗻 𝗦𝘁𝘂𝗱𝗶𝗼 𝗙𝗲𝗮𝘁𝘂𝗿𝗲𝘀 𝗨𝘀𝗲𝗱]
Throughout the project, I used Design Studio for inspiration gathering, visual exploration, product ideation, branding, packaging concepts, and ecosystem development.
Thank you to the CapCut team for creating a platform that encourages experimentation, creativity, and exploration 🫶
[𝗟𝗶𝗻𝗸𝘀]
CupCut Design Studio Chat History: https://www.capcut.com/ai-design?shareId=7647947968217202695
Brand Concept Presentation: https://www.figma.com/proto/reTVCLZxw73WBxxaJOePS0/CAPCUT-VISION?node-id=1-285&viewport=701%2C169%2C0.02&t=Z6lxfa2Fi8czJOxo-1&scaling=contain&content-scaling=fixed&page-id=0%3A1
Video explainer (the same as attached): https://docs.google.com/videos/d/1SSDBHyguM5hNoItyjONVOOouXbL54xgNCdo3w-8jDv8/edit?usp=sharing
If you like this concept and the work behind it, I’d be incredibly grateful for your support. Every like, comment, share, or vote means a lot. Thank you! 🙌
Amazing concept! 💜 I really like how you reimagined CapCut as a wearable tech brand
My favorite part is the AI ecosystem around the glasses. Curious, which part of the project was created first, the eyewear design or the ecosystem idea behind it? 👀
Embroidery branding design over different texture. This would look so cool with the right methods.
Great work 🔥
Challenges
View all
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?