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
Built this Fully interactive smartwatch with Figma Make, Claude and Motion.
Inspired by Skeuomorphism and the iconic Teenage Engineering style, I wanted the watch to feel as tactile as possible.
Figma Make paired with Claude, did an amazing job in getting all the ScrollTrigger animations and watch faces interactivity done right. The design and colors turned out pretty well too.
My personal fav thing is that you can even play a game on it 🎮
Live: https://activewatch.figma.site/ 🚀
Checkout my LinkedIn post too😊:
https://www.linkedin.com/posts/abhrajitray77_figmamakeathon-motion-react-activity-7433532536296841216-Gv0F
Community file: https://www.figma.com/community/file/1609590243231299630/interactive-smartwatch
Thanks! Have fun remixing it! ✨
Very cool- how did you utilize Claude and GSAP with it?
Thanks Eric! ✌️ I did not use GSAP, motion.dev was enough as I've kept the animations pretty simple.
As for Claude, I used the Opus 4.6 model. Feed it detailed steps in specific technical terms in the prompt, and it yields pretty good results. 😄
motion.dev
Motion - A modern animation library for JavaScript and React
Motion is built on native browser APIs for a tiny filesize and superfast performance. It uses hardware acceleration for smooth and eco-friendly animations. Previously Framer Motion.
Oh nice! I've implemented a little using the same motion package on what I'm building too. Thought about integrating GSAP, but time is running out!
Niceee. Would love to see what you're building when you're done with it. 🙌
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
One of my earlier projects, revisited.
Still love the idea of making mobility feel calm, seamless, and human. 🚘
Thinking about turning this into a full case study.
Great use of imagery! Would like to see the full case study 👍
Please find attached my work for the contest.
Title: Chronos. Concept: This isn't just a watch.
It's a device capable of temporarily altering a person's biological age. Idea: Age is now a setting. Slogan: “Turn the dial. Rewrite yourself.”
CHRONOS
Time became wearable.
What if age was no longer something you feared…
but something you could control?
Introducing CHRONOS — the world’s first biometric timepiece designed to alter the body’s biological state.
Crafted from polished titanium and sapphire glass, CHRONOS combines timeless watchmaking with impossible technology. A single rotation of the precision dial allows you to shift between biological ages — restoring energy, strength, recovery, and physical vitality.
Age is no longer permanent.
It’s adjustable.
Every detail is engineered for absolute elegance:
a seamless adaptive display, intelligent biometric synchronization, and a sculpted silhouette inspired by the future of luxury.
Because time was never meant to control us.
You don’t wear CHRONOS to tell time.
You wear it to redefine it.
CHRONOS
Rewrite your timeline.- https://app.melius.com/projects/57e1db6b-198e-4b07-9cfe-5dbed68b0351/canvas/3210a1dc-ad68-48e6-9c50-9ab0eb286f48
Stages of Creation
First, I uploaded the original image of the watch, which became the foundation of the future commercial video.
Then, I analyzed the idea and atmosphere of the video. I thought about the mood of the future commercial, and together with the Melius agent, we chose a luxury style. This decision influenced the entire visual presentation.
After that, Melius created the concept of the video — including the scenes, camera movements, lighting, and visual effects.
Next, prompts for the animation were created.
Then, Melius started the video generation process.
Video Editing
After the generation process, Melius combined all the scenes into one complete commercial video.
At the final stage, the brand slogan was added.
In the end, I exported the video in a 16:9 format.
My Experience of Using Melius
I recently tried Melius for the first time, and honestly, I was pleasantly surprised. At first, I thought it would be difficult to understand, but everything turned out to be very simple and convenient 😄 The interface is clear, and everything works fast without unnecessary confusion.
What I especially liked is that Melius really saves time. While other platforms make you struggle, search through settings, and watch long tutorials, here everything works on a “click and get results” principle.
For the first time in a long while, I didn’t feel the need to contact support and ask, “WHY IS NOTHING CLEAR?!” 😄
I also liked that even beginners can easily start using it — there’s no need to spend hours learning instructions or watching tons of videos. You just open it and start working.
After my first experience, I got the feeling that Melius was created for people — to make work simple, fast, and stress-free. I will definitely keep using it.
Project Description: Project Chimera is a cinematic AI-generated watch commercial built entirely on Melius. Starting from pure abstraction — a Dyson sphere contracting and exploding — components gradually reassemble into a luxury timepiece. A concept that didn't exist before I built it.
Process Steps: The full creative process is documented in the walkthrough video included with this submission. The Melius canvas, agent interactions, node structure, and models used are all visible and explained throughout.
Feedback on Melius Experience: The canvas experience is smooth and intuitive — the spatial workflow makes it easy to visualize the entire project at once. The agent understands creative direction well and responds accurately to detailed prompts. Being able to brief it node by node and adjust outputs in real time is exactly how a creative production tool should work. Looking forward to seeing the platform develop further.
project link.
Nice work!
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.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?