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
built an interactive game—forage, where you can search for crystals in the forest with figma make!
check out the link below to try it for yourself!
https://trance-fresh-36192795.figma.site
this is so peaceful - nice work!
Most AI products show you results.
I wanted to show you the process.
So I built MIRROR — a cinematic AI surveillance interface designed entirely in Figma Make.
Instead of static sections and generic cards, every interaction reveals how the system thinks:
• Real-time identity analysis
• Object detection overlays
• Behavioral tracking
• Detection systems and capabilities
• Live subject profiling
• Technical specifications
• Interactive data visualizations
• Hover states, reveals, and system reactions
The goal wasn't to design another dashboard.
The goal was to create an experience that feels like you're inside a classified intelligence system.
Every screen was designed to feel alive.
Every section responds.
Every interaction reveals something new.
Built with Figma Make as part of the Config Makeathon.
Would love to hear what feature or interaction you'd add next.
The level of detail in this is insane. Every section feels like it belongs to the same universe.
Built Monster Wall for the Figma Makeathon.
You create a monster, give it a power and publish it to a shared live canvas. Once it lands, it searches for its kindred spirit and connects to the closest match with a permanent gold thread. The wall stays alive with ambient effects, power ripples and real time cards dropping in as people publish.
Built entirely with Figma Make, Supabase for real time data and CSS animations for all the interactions.
Try it at fig-monster.figma.site
Community Publish Link - https://www.figma.com/community/file/1647287443103902432/make-your-fig-monster
Love seeing different approaches to the Makeathon. This is a thoughtful and well-executed project.
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?