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
A personal project for my fine art and my first fully vibe-coded experience. I am used to hand coding web experiences so this was a challenge for me but I am happy with the result.
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
I built a virtual Ikebana experience. It's called Project: Ikebana. 🌸
It's the first time I've ever built something with gesture controls, worked with 3D assets, and vibecoded this much with Figma Make.
Try it here!
Ikebana is the traditional Japanese art of flower arranging. It literally translates to "giving life to flowers."
Project: Ikebana is my attempt to bring that idea into a digital space.
You can create floral arrangements in both 2D and 3D, using either hand gestures or traditional mouse controls.
The part I love most: the little moments of whimsy.
Sliding Japanese fusuma doors.
Tiny kaomojis q(≧▽≦q).
Petal-shaped gesture tracking markers.
This project started with a bunch of moodboarding into FigJam board, grew through 100+ make iterations, and somehow led me into learning 3D workflows, gesture interactions, databases, debugging, and a whole lot more.
I used Weave to create many of the visual assets and models, then brought everything together in Figma Make with Supabase powering the project's content library.
I love how tools like Weave and Make encourage you to focus on what something should feel like, not just how to build it.
If there's one thing I'd love people to take away from this project:
Try something new.
You might surprise yourself.
(≧∇≦)ﾉ
This is honestly so beautiful and elegant! I love the concept a lot and you have brought it to life so well :)
Kathputli - where stories come alive!
• Pick a story type, age, and language
• AI generates a brand-new story in real time, so every adventure is unique
• It understands who’s on stage and instantly adapts when new characters join
• Children use simple hand gestures to interact with the puppets and influence what happens next
• Every puppet has its own voice, personality, expressions, and emotions
• Stories end with a gentle moral, making them engaging, interactive, and meaningful
🟩 The Problem
We live in a digital era where children have access to more stories than ever before. But most digital storytelling is still passive, children tap a screen, sit back, and consume the same pre-written experience as everyone else.There’s little room for imagination, interaction, or ownership.
The story doesn’t know who they are, what language they speak, what they’re curious about, or what choices they want to make. And yet, every child imagines differently. We felt storytelling should be just as personal.
🟩 Our Solution
Inspired by Rajasthan’s traditional Kathputli puppet theatre, we built Kathputli, an AI-powered storytelling experience where children don’t just watch a story unfold, they help create it. Instead of handing a child another video, we hand them the strings.
🟩 Built With
• Figma: designed the complete experience and storytelling flow
• Figma Make: rapidly prototyped the interactive product
• Figma Weave: created the puppet characters, expressions, and animations
• Google Gemini APIs: generated adaptive stories in real time
• MediaPipe: powered webcam-based gesture interaction
• ElevenLabs APIs: gave every puppet a unique and expressive voice
• Supabase: handled the backend and data layer
🟩 What We’ll Remember Most
This isn't a polished final product, it's the outcome of a few intense days of experimenting, rebuilding, refining prompts, and learning entirely new tools as we went.
Figma Make alone took us 170+ iterations to get the feel right. And with limited Weave credits, we often had just one shot to get a screen or a puppet right, which made every prompt count.
🟩 Where we'd take it next
• More characters, fuller emotions, and tighter lip-sync
• More languages and voices
• Story themes that grow from simple to complex with the child's age
• More interactive challenges, smoother animation, real-time object rendering
🟩 We didn’t just build with AI.
We learned how to design with it, collaborate with it, and tell better stories because of it.
And if there’s one thing we hope people take away from Kathputli, it’s this: In a world built for endless consumption, maybe the most meaningful stories are the ones children get to shape themselves.
Kathputli, where stories come alive.
🔗 Live Demo: https://kathputli.figma.site/
🧩 Figma Community File: https://www.figma.com/community/file/1649568219068252685
▶️ Social media post URL: https://x.com/shivam619tiwari/status/2067745369883369502
Great work!!
Your design mentors need this, and honestly, you do too.
I surveyed and spoke with 20+ designers, motion designers, and animation experts, as well as everyone working with us at The RLVNT Studios.
One recurring pain point kept showing up: having the right visual, but not the right style.
"Hey GPT, add a new effect to this image, but don't change anything else."
I heard variations of that request over and over again. It made me realize that AI has fundamentally changed how creatives approach their workflows. People know what they want, but getting there is still frustratingly inefficient.
After spending years testing AI tools, creative software, and motion workflows, I knew there was an opportunity to build something better.
That's how Velox was born.
Velox is a media manipulation solution that lets creatives upload an image or video and instantly explore professional-grade styling, effects, and enhancements without spending hours experimenting, prompting, or searching for the perfect workflow.
It comes packed with 100+ curated styles and 15+ professional effects inspired by techniques used by leading motion designers, graphic designers, and animation experts worldwide. No API limits. No token anxiety. No endless prompting. Just creative control when you need it.
I invited 20 creatives to test the platform so far, and the feedback has been incredible. The biggest takeaway? It saves hours of effort while making high-end creative execution accessible to anyone.
For motion-focused creatives, Velox also includes animated SVG strokes that can bring life to both images and videos. You can control entry states, exit states, post-exit behavior, styling, and animation characteristics with ease.
The goal wasn't to replace creativity; it was to remove the friction between having an idea and bringing it to life.
Make it yours -
https://velox-studio.figma.site/
Community link -
https://www.figma.com/community/file/1649518891613198504/velox-studio
The insight from your survey is spot on. The gap isn't skill anymore, it's translation between what you have and what you want. The animated SVG stroke control for motion work is what I'd actually use day-to-day. Congrats on the launch.
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?