game design ate UI animation 🕹️


Welcome back.

A few days ago, Pietro Schirano sat at his computer and typed, "there is legitimately no reason to use Figma anymore," and Design Twitter got a little rowdy.

And while I see both sides, in hindsight this will seem like a very 2025 argument punctuating the end of the 2-dimensional design stack.

From research to production, I'm having convos with design tool companies, and everyone is thinking about how to support new ways of working.

Even motion design tools.

—Tommy (@designertom)

the wireframe

  • Timeline brain vs. system brain
  • The game design secret to learn from
  • Design tools using it now

the end of timeline thinking

Remember video editing?

You put clips on a timeline, one after another. That's how motion design has worked forever - in After Effects, Flash, even newer tools like Lottie.

Want a button to do something when clicked? You'd make one timeline for the click, another for hover, another for loading... suddenly you've got 10 different animations to manage.

Games figured out a smarter way.

Instead of separate timelines, they use something called state machines. Think of it like a flowchart: if the player is standing still, play the "idle" animation. If they press jump, switch to "jumping". If they're falling, switch to "falling".

The animation follows what's actually happening, not the other way around.

Now that same logic is coming to product design.

runtime-first design

Let's get specific.

Take Instagram's like button that bursts into hearts when you double-tap.

The old way of building this:

  1. Make a pretty heart animation in After Effects
  2. Export it as a video or Lottie file
  3. Hand it to developers who have to figure out:
    • When to play the animation
    • What happens if you tap again
    • What if the network is slow
    • What if the like fails
    • How to prevent spam taps
    • When to show loading
    • How to handle errors

The new way with tools like Rive:

  1. Design a flowchart of what happens when:
    • Sitting there? Show normal heart
    • Single tap? Quick pump animation
    • Double tap? Burst into particles
    • Waiting? Subtle pulse
    • Error? Quick shake and reset
  2. Ship one file that handles all of that

Instead of just making pretty animations, you're designing how something actually behaves.

The visuals and logic are finally speaking the same language.

Hear that? That's the sound of technical barriers breaking into pieces.

Together with WORKFLOW.DESIGN

Remember when you last felt totally on top of your creative projects?

Feel that again with workflow.design where everything is in the right place.

One space to manage all your assets and feedback, whether it’s from your team or your clients. You never have to chase after feedback or lost versions. This is where design iterations happens in minutes, not days.

Save time by:

  • Having clients easily navigate the platform
  • Getting their feedback right on the asset (including live websites and videos)
  • Tracking version history
  • Recording videos for review walkthroughs

Ready to feel in control? Try workflow.design today.

why games got there first

Game designers solved this years ago because they had to. When you're making Mario, you can't have separate animations for every possible thing the player might do. You need a system that can handle anything.

So they built tools where:

  • The game's logic controls which animation plays
  • Everything happens instantly - no waiting for videos to load
  • One animation smoothly flows into the next
  • It all runs perfectly even on old phones

Sound familiar? That's exactly what modern apps need.

What changed? Two things:

  1. Apps got more game-like
    • Everything's interactive now
    • Users expect instant feedback
    • Phones need to handle complex animations
    • Bad performance kills engagement
  2. Tools got smarter
    • They use your phone's graphics chip (like games do)
    • Designers can build logic visually (no coding)
    • Developers get files they can actually use

Motion design is starting to feel a lot more like game design. And that's pretty rad in the name of not-boring software.

the future is run-time first

The best motion designers I know are learning from games:

  • Think in systems, not sequences
  • Design for edge cases
  • Care about performance
  • Build for interaction

Tools are following suit:

  • Rive brings state machines to UI
  • Spline adds game-like 3D to web
  • Jitter makes timeline thinking optional

What's next? My prediction:

  • More game concepts in UI tools
  • Runtime-first becomes standard
  • Motion becomes logic-aware
  • Design tools embrace state machines

education spotlight

Maven's Future of Design Courses

Speaking of leveling up, Maven just rolled out The Future of Design 2025, a series designed to help us level up on the skills that matter now taught by industry leading practitioners.

UI Engineering 101 for Designers

  • Taught by design engineers Derek Briggs and Mariana Casthillo
  • Perfect if you're interested in the technical side of coding UI (for beginners)

Become an AI Product Designer

  • Led by Meta's AI design-lead Maheen Sohail
  • Essential knowledge for designing in 2025

Career & Job Search Strategy

  • From former-Airbnb design lead Ryan Scott
  • Tactical advice for landing your next role

Product Strategy for Designers

  • By Gusto design lead Femke van Schoonhoven
  • Gain influence and impact in your career

Don't see a course you like?

You can get $100 off with promo code "TOMMY" for any of Maven's Future of Design courses.

the bottom line

Stop thinking in timelines. Start thinking in systems.

Your users don't care about pretty animations, not really. They care about feedback, responsiveness, and feeling in control.

That's what game designers have known all along.

See you next week,

Tommy

Enjoying this newsletter? Let me know here.

UX Tools

UX Tools is a weekly deep dive into the tools and trends shaping how we build products. Each week, Tommy (@DesignerTom) breaks down emerging tools, analyzes industry shifts, and shares practical insights drawn from 15+ years shipping products. Join 80k+ builders, makers and designers getting deep analysis and tool discoveries that help you build better products, faster.

Read more from UX Tools

Welcome back. We're combining this week's Leaks issue with a lookback at what we learned on the streets of Config. We're one week removed from Figma's largest feature announcement, and the dust has settled. In fact, most of the design industry has moved onto talking about Airbnb's new design (with mixed reviews), Google's impressive Material 3 launch, or Bungie's alleged design theft. But behind the glossy announcements and fancy demo videos, there's something bigger happening that I can't...

Welcome back. It’s Config week, I’m flying out today, and we’re deep in party planning mode for Detach. But I had to hit send on this. Friday’s leak of Inflight was one of our most opened issues of the year. So today, we’re going deeper - not just on the tool, but the problem it’s trying to solve: Feedback still sucks in 2025. Even for good teams. Even for my team, working on the UX Tools redesign and survey right now. Here’s what we’re learning, and why Ridd’s Inflight is onto something...

Welcome back. Recently, I've noticed a shift. It started as a gut feeling: the apps I remember most aren’t the smartest. They’re the strangest. The most emotionally tuned. The ones that feel handcrafted when everything else starts to blur. These interfaces aren’t just challenging best practices, they’re often rebelling against them. While most teams optimize for speed and scale, a few are quietly chasing something else: depth. They’re not adding features, they’re adding weight. And it’s not...