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
Being a designer feels like a superpower. Build a prototype? Nope. A fully working app? Yes! Here’s what I made:
Leela is a 2,000-year-old Indian board game with 72 squares, one question, and one die. You roll to enter, move through named inner states, and write a reflection at each square.
Existing versions are either flat, digitised boards or feature-heavy wellness suites. I wanted to make a quieter one.
How I built it:
→ Flowstep MCP wired into Claude Code, Created Flowstep screens directly on canvas and implemented changes from the canvas and using Figma, Design MD file inside of Flowstep is a gem, helps to create cohesive design fast
→ Three complete design iterations before the visual language felt right: a night-sky version, a minimal one, and finally the aura direction that shipped.
→ A playable build deployed on Vercel with the real rules: roll a six to enter, three sixes burn, land exactly on square 68 to complete the game, and landing on square 72 sends you back to 51, music on/off, record or type settings.
→ An optional AI guide running behind a serverless function, so the API key never reaches the browser. The game is fully playable without it.
🎉 Link: Flowstep
🎮 Play: https://leelagame.vercel.app
Linkedin Post: link
Built with Flowstep, Claude Code via MCP, and Vercel.
#FlowstepChallenge
can't wait to try out this game, a 2000 year old game with 72 squares seems like a real challenge, I don't know but my mind is telling me "SUDOKU STRATEGY" 😂. I love also how many screens you have and the consistency that you respected.
You could try it here https://leelagame.vercel.app , the whole idea is not just ask bothering question, but get into the state where you are ready to get the answer, and there are 28+ screens.
nice
thank you!
Love this. The color palette is incredibly slick, and it proves a great product isn't just functional - it has a point of view.
Thank you so much!
Wow this is really good !!! 👏
Thank you :)
Amazing work!
Thank you so much! 😊
You're welcome!
Nice work!
Thank you! 🔥
AMAZING!
Thank you so much!
What a brilliant concept behind this
Thank you! 😊
This is great work Helen. How did you find the experience of tweaking the Design file in Flowstep versus making direct edits in Figma?
Thank you Vara, I have tried be more specific with the prompts, but it didn`t worked as smooth as desired, so my "design change" often went into steps: generate another screen function, that I used as moodboard and tweaked in Figma. But colors and fonts were wired into design.md file, so changes mainly were in arrangement.
Amazing work!
This is such a great example of design going beyond the visuals and becoming a fully playable experience. The evolution through three visual directions is especially impressive—the final aura direction feels calm and intentional. 🔥
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
Designed a dashboard concept for tracking net worth across every asset type — stocks, crypto, property, pensions, funds, cash, and liabilities — all in one place.
Instead of the usual pie chart or bar graph, the centerpiece is a dial: a single, glanceable gauge showing where your wealth actually sits. Behind it, a quiet grid of every asset category fades in and out of visibility, reinforcing that everything's accounted for even when it's not the focus.
Dark UI, a single confident green accent, and a lot of negative space — built to make a genuinely overwhelming task (seeing your entire financial picture at once) feel calm instead of cluttered.
wow the animation feels super smooth, what is this animation for?
wow the UI is insane and the presentation is mindblowing
What if a space brand didn’t just look futuristic — but felt like it was already living in the future?
For XPACE, the goal was to build a visual identity that could turn the idea of space exploration into a complete and immersive brand experience.
The identity combines a bold typographic system, a high-contrast visual language, and electric blue accents against deep black to create a futuristic presence that feels precise, technological, and unmistakably XPACE.
But the identity didn’t stop at the logo.
The system was extended across digital interfaces, web design, favicon and UI icons, access cards, board passes, and branded applications — creating a consistent experience across every touchpoint.
Every detail was designed to make XPACE feel less like a brand inspired by the future, and more like a brand built for it.
XPACE — Visual Identity System.
Looking to build a visual identity that goes beyond a logo?
Let’s create something with a world of its own.
The identity system feels cohesive because the typography, electric blue accents, and image language all push in the same direction. Extending that logic into interfaces and packaging is what makes XPACE feel like a real world, not just a futuristic logo.
