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
ā¢ 15h
Blastbound ā Element Arena
I built Blastbound, a playable retro arcade-inspired mini game using Figma Make.
The idea came from the kind of console games many of us played in childhood, but I wanted to reimagine that feeling with a modern 2.5D visual style, elemental characters, glowing effects, mobile-friendly controls, and a polished arcade experience.
The problem I wanted to solve was simple: most AI-generated prototypes feel static. I wanted to see how far I could push Figma Make into building something interactive, fun, and actually playable.
In Blastbound, players can choose between three elemental heroes: Fire, Ice, and Electric. Each character has a different visual identity, movement feel, and energy effect. Inside the arena, players clear brick tiles, collect hidden power-ups, avoid NPCs, earn points, and try to clear the full level.
Workflow:
Started with the game concept and screen flow
Built the onboarding, menu, and character selection
Created the playable grid-based arena
Added scoring, NPCs, power-ups, win and game-over states
Optimized it for desktop and mobile
Finished with an explainer video walkthrough
š® Live demo:
https://chair-cosmic-99833030.figma.site/
š Working Figma Make file:
https://www.figma.com/make/nOZ5y1fQG8rI6t79I68uhm/Blastbound?t=wN94lLQMwK0nVkhi-1
This was a fun challenge to explore how Figma Make can go beyond static UI and become a tool for building interactive product experiences.
ā¢ 14h
Interesting
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
š ššš¶š¹š š¦š¶š¹š²š»š ššæš¶š±š“š² š³š¼šæ ššµš² #šš¼š»š³š¶š“š š®šøš²š®ššµš¼š»
What started as a simple idea became an experiment in accessibility and human-centered design.
š§šµš² š£šæš¼šÆš¹š²šŗ:
Millions of people communicate through gestures every day, but most technology is built for voices, keyboards, and touchscreens.
I wanted to explore a different question:
"What if technology could learn how people already communicate?"
That's how Silent Bridge was born.
š šš¶šš² šš²šŗš¼:
https://brim-time-58435449.figma.site/
š š£šæš¼š·š²š°š šš¶š“šŗš®:
https://www.figma.com/make/iM1qFLT9aCnsIMZ1O3yGs2/Create-Prompt-Implementation?t=Z8cGLiYettIQWytm-1
š š šŖš¼šæšøš³š¹š¼š
1ļøā£ š¦šš®šæšš²š± š¶š» šš¶š“šŗš® š š®šøš²
I designed and generated the entire experience directly in Figma Make, focusing on accessibility, simplicity, and a premium user experience.
2ļøā£ ššš¶š¹š š® šš®šŗš²šæš®-šš®šš²š± šš
š½š²šæš¶š²š»š°š²
Instead of traditional inputs, I wanted users to communicate through gestures using real-time camera tracking.
3ļøā£ šš»šš²š“šæš®šš²š± š š²š±š¶š®š£š¶š½š² šš®š»š±š
MediaPipe tracks hand landmarks and understands gesture positions and movement patterns.
4ļøā£ ššššš¼šŗ š¦š¶š“š» š§š²š®š°šµš¶š»š“
Users can:
ā¢ Record a gesture
ā¢ Assign a meaning
ā¢ Save it
The system learns and recognizes custom gestures.
5ļøā£ šš»šš²š“šæš®šš²š± š¦šš½š®šÆš®šš²
Supabase stores:
ā¢ Gesture recordings
ā¢ Saved phrases
ā¢ Recognition history
6ļøā£ šš¼šŗšŗšš»š¶šš š¦š¶š“š» šš¶šÆšæš®šæš
Users can build and share their own visual language instead of relying only on predefined gestures.
ššŗš½š¼šæšš®š»š š§š²ššš¶š»š“ š”š¼šš²
Before testing, clear existing custom gestures from the Teach page.
For best results:
ā¢ Open Teach Sign
ā¢ Remove all test gestures
ā¢ Record gesture
ā¢ Assign phrase
ā¢ Test recognition
ššš¶š¹š šŖš¶ššµ
ā¢ Figma Make - [ ššš²š» š š²š±š¶š®š£š¶š½š² š®š»š± š¦šš½š®šÆš®šš² šµš®šš² šÆš²š²š» š°š¼š»š»š²š°šš²š± ššš¶š»š“ šš¶š“šŗš® š š®šøš² ]
ā¢ MediaPipe Hands
ā¢ Supabase
This project is not about AI.
It's about accessibility.
It's about allowing technology to adapt to people instead of forcing people to adapt to technology.
Because every gesture has meaning.
š¦š¶š¹š²š»š ššæš¶š±š“š² ā šš¼šŗšŗšš»š¶š°š®šš² šš²šš¼š»š± šŖš¼šæš±š.
#šš¼š»š³š¶š“š š®šøš²š®ššµš¼š» #šš¶š“šŗš®š š®šøš² #šš°š°š²ššš¶šÆš¶š¹š¶šš #š š²š±š¶š®š£š¶š½š² #š¦šš½š®šÆš®šš² #ššš¶š¹š±šš»š£ššÆš¹š¶š° #šš²šš¶š“š»šš¼šæšš¼š¼š± #šš»š»š¼šš®šš¶š¼š»
ā¢ Jun 9
I love this work man! Now I can even create my own language with hand sign š
, gonna use it when my girl will mad at me š
Kumo ā Interactive Matcha Tea Landing Page UI-UX
Choosing a drink online is often aĀ flat and boring experienceĀ ā static product cards donāt convey taste, freshness, or emotion. For a premium product like matcha, this makes it harder to stand out and convert.
This animated landing page forĀ KumoĀ turns product selection into anĀ interactive and sensory experience. Instead of reading long descriptions, users visually explore flavors through motion, ingredients, and composition.
yummy =)
Day 3: The Archive Goes Global
103 places now seeded into the database. Every single one sourced from Reddit, real people, real memories, real places they actually stood in at some point in their life.
What I shipped today: heatmap, i18n, logos, bug fixes across the submissions flow, and two Figma Make widgets live on the Figma Community -Ā https://glassy-sky-12636665.figma.site
Today felt like a struggle. Trying to polish something that's becoming my baby. Got banned from a couple of subreddits along the way but kept pushing. Learned a lot about how the tone of these posts needs to land, the difference between asking people to use your product and asking people to share something they already carry.
Tomorrow: cleaning up the design system and adding the Figma Weave textures I generated on day one.
Wow, superb! Seems you are using Google maps and some other data aggregation techniques together, super interesting and worth it!
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?