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
Hi Creatives around the world🚀
For the Config Makeathon, Introducing you "Short Break". It is a single/ multiplayer, 90s style arcade game with a touch of nostalgia and addictive fun!
Give it a try: https://tacit-terms-89629799.figma.site
To make this come alive, I followed these 4 steps:
1. Ideation & Defining Purpose
In every project I look within to find purpose and ideas. I have always played video games like Dangerous Dave, Snake, Circus, Contra, Pac-man, and more, and I loved each and every game.
I wanted to bring a part of my childhood alive, share the joy that I felt back then to everyone who loves and craves 90s arcade games and the fun of playing them 🙌
I wanted to build a 2D interactive game with multiple maps (Arenas) and Single/ multiplayer functionality to Forster a playful competitive spirit among the players.
2. Planning
After I wrote down the initial idea, I started sketching mazes, decided upon their names of the Game & Arenas, figured out the user flow, and defined the game rules, and mechanics of the game play.
When I felt then idea is refined enough and all things were mapped out, I moved to the next step.
3. Execution
For this step, I defined the prompt in as much detail as I could in the first go with all the colors, layouts, look & feel of the game, described the sound design that would go with this and started building the prototype.
Figma Make is so good to use, everything was so smooth and intuitive. Made this project a breeze!
From this stage on, I refined the game more, added more functionality, single player mode, background music, style of the monster, and more. Finally, I perfected the game and moved to the final step!
4. Launch
I am happy to publish and share the game with such a wonderful and warm community of creatives!
I absolutely loved the challenge as it pushed me to think of the tiniest details and relive the joy of my childhood again. Despite work projects, I was able to finish this personal project. Thank you to the Figma and Contra team for a challenge that made me build a part of our childhood memory🎉
If you liked playing my game, then a like or comment goes a long way. Thank you. Keep Creating 🙌
Fun
Thanks alot Dylan😊 🙌
"Short Break" is such a solid concept for a makeathon entry. The 90s arcade aesthetic with that pixel font and the pig coin mechanic reads instantly. Did you build the multiplayer mode with Figma Make or handle that separately?
I handled everything from the sound to the design and game mechanics including multiplayer mode in figma make only. It is a powerful tool
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
Buddi / A Fun Companion Game for Kids with ADHD
Project live demo link:
prototype
Link of Figma project:
design file
Figma X Contra challenge
Buddi gives kids a friend, not just a game. They pick their buddy, Lea or Leo and travel together across a world of islands, where every stop is a fun minigame secretly training a real skill: focus, memory, impulse control, patience.
And when a kid misses? No "wrong," no "game over." Their buddy misses with them, cheers them up, and says let's try again. Retrying gets celebrated, not punished.
Kids get a world map to explore, badges to collect, and a shop to dress up their buddy with stars they earn. Parents get their own gated dashboard to track behavior, moods, progress, and skill growth, all in plain language.
I built Buddi because I wanted both sides covered: kids get a fun educational game they actually love, and parents finally get a way to see how their child is really doing.
How I built it: research and structure with Claude → every screen designed in Figma → Lea, Leo, and the shop items illustrated in Figma Weave → living prototype in Figma Make, with Claude writing the Make prompts and the buddies' in-game dialogue. Design first, always.
A friend first. Everything good is hidden inside the friendship.
i hope you guys enjoy! and ill be glad to hear feedbacks from all of you!
This is so wholesome I love it !
Hey everyone!
I made Meadow🙌 — a small, shared corner to step out of the world for a minute.
Some days the world is just a lot. Meadow is a small, shared corner to step out of it for a minute.
It's a living garden grown by strangers — every flower in it was built, petal by petal, by a real person somewhere, and the field keeps growing with each one. Make your own bloom from scratch: shape the petals, choose the colors, set its height, give the stem its own curve and leaves. Plant it, and it joins the meadow for the next person to find.
Flowers growing close together slowly cross-pollinate, blending traits with their neighbors — so the garden quietly evolves on its own, untended. Go still, and tiny creatures wander out to rest on the petals. Hover, and the others lean aside to let one shine. When it looks beautiful, snap a picture to keep or share.
Built entirely in Figma Make with a Supabase backend: a procedural flower engine generates every bloom from its own set of traits, so no two are ever alike — and because the meadow is a shared, persistent garden, every flower you and strangers plant stays in the field as it grows, without limit.
A calm place, made by many hands.
Come along plant a flower
Enter Meadow
Community
https://www.figma.com/community/file/1646430748930612604/meadow
Did you know a tornado formed the year you were born?
Not a real one. A data one.
Type your birth year. Watch the storm react - the speed, the color, the rage of it - all driven by the exact CO₂ levels recorded that year.
🌪️Live Site - https://thedatatornado.figma.site
💻GitHub Repo - https://github.com/isumenuka/Thedatatornado
🔬 The Problem
Climate change is the most documented crisis in human history. Scientists have been collecting data for over 65 years. But most people feel nothing when they see the numbers - because a wall of data doesn't make you care. That is a design problem. The Data Tornado is my answer.
⚙️ How It Was Built
I started in FigJam - mapping the full app structure, severity color system (Stable → Elevated → Critical → Extreme), and the 65-year climate timeline before touching any build tool.
In Figma Make, I loaded my complete design guidelines first - colors, fonts, spacing rules - so every generated output matched my vision from the first prompt. That one step eliminated hours of corrections.
The MCP connector was the most critical technical piece: a custom live pipeline to NOAA's servers, pulling real CO₂ and temperature readings automatically every time someone opens the app. No downloading. No pasting. Always live.
The hero background video was generated entirely in Figma Weave - I set a start frame and end frame, and Weave generated the full atmospheric storm footage between them. The Figma Agent handled precision edits throughout -clicking directly on individual elements, repositioning buttons, aligning sections, without touching anything else.
Supabase powers the share cards, news gallery, and live data caching. GitHub handles deployment.
🛠️ Tools Used
→ FigJam: full app structure, severity system & data flow diagrams
→ Figma Make: prompt-to-code app with custom NOAA MCP connector
→ Figma MCP: live pipeline direct to NOAA's climate API
→ Figma Weave: AI video generation for the hero storm background
→ Figma Agent: precision element-level UI edits throughout the build
→ Supabase: backend for share cards, news & data caching
→ GitHub: deployment and version control
✨ Key Feature - Birth Year Telemetry
Enter your birth year. The app instantly generates your personal climate log -the exact CO₂ concentration the year you arrived in the world, your temperature anomaly then vs. now, your severity level at birth vs. today. It stops being a global statistic. It becomes yours.
Most people go quiet when they see their own number.
What happened on the day you were born? Share your link in the comments!
THIS IS MINE - https://thedatatornado.figma.site/?share=d9844bb7-12d7-4c5a-94e8-ebd84ade9f8b
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?