01 — Overview
Total Mobila is an imagined furniture-matching service, warm, editorial, built around the question of how a buyer moves from inspiration to an estimate. The prototype is split into six distinct flows, each exercising a different kind of transition. Everything is made entirely in Figma using Smart Animate, variable delays, and matching-layer logic.
02 — The Six Flows
One prototype, six interaction patterns
- Landing page intro - text and imagery move in on load with a slow ease, triggered on click and after delay.
- Testimonials carousel - same entrance logic, but the quote text lands with a bouncy overshoot.
- Parallax - layered backgrounds cross-fade via Smart Animate with ease in-out, keyed to scroll position.
- Staggered cards - a drag interaction unstacks a deck of selection cards with ease-in timing.
- Gallery - two columns of photography auto-scroll in opposite directions for an ambient carousel.
- Estimation form - interactive buttons drive an animated progress bar; matched layers carry state between steps with push transitions.
03 — Takeaway
The point of the exercise was to see what you can get away with inside Figma alone. No JavaScript, no After Effects, just prototype connections, variable delays, and Smart Animate's matching-layer logic. It's not always the right tool, but the feedback loop is tight and everything stays where the design lives.