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
In this prototype, I explored a seamless way to switch between product color variants while automatically updating the corresponding product images. The goal was to make the experience feel intuitive, responsive, and effortless—helping users compare options without interrupting their browsing flow.
Designed and prototyped in Figma with a focus on clarity, usability, and realistic product interactions.
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
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?
Related posts
Just released a new product design for the AI trip planner 🌎 Would you use it?
Check it out
It's a nice design, Oleksandra! Although, I'm not sure how the typography would work if I wanted to visit Äteritsiputeritsipuolilautatsijänkä in Finland 🙃
If you had to choose one option to present your brand without actually talking to the users, what would you choose?
Lately, I've been pushing myself to explore what's possible with Figma Motion and see just how far I can take animations without leaving Figma.
I recently came across a really smooth WhatsApp animation and thought, why not recreate it? So I challenged myself to build it from scratch, paying close attention to the timing, easing, and micro-interactions.
It's been a fun way to learn, experiment, and sharpen my motion design skills.
How do you think it turned out? 👀
I'd love to hear your feedback!
23 voted
79%
6 voted
21%
29 votes
Closed
Animated visuals makes the user stay, while static will not attract much
Most check-ins ask how people feel. STARTFIELD asks what the room has capacity for.
Two minutes before a workshop or team session, a facilitator often has to decide whether to begin as planned, slow down, add context, or reduce the scope.
STARTFIELD turns three anonymous, temporary responses into a tactile collective field:
Ready to dive in
Need a slower start
Need context first
No names. No personal profiles. No historical tracking. No automated recommendation.
The field makes the group’s current capacity visible, while the final decision remains human.
Built as Day 12 of my 30 Days of Real Business Problems challenge, using Figma Make, original 3D token assets, and Animos for the presentation film.
The room resolves before the session begins.
Live prototype:
https://shrub-gong-08594418.figma.site
How should a facilitator read the room without turning a check-in into surveillance?
No names and no historical tracking is what makes this actually usable instead of another mood tracker nobody trusts. My guess on your own question: as long as the field only shows aggregate state and resets every session, it stays a tool instead of a record. Did anyone in testing push back on that assumption anyway?
