Animations in the Workflow Builder

Updated Yesterday · 5 min readIntermediate

Animations help create a smoother, more engaging guest experience inside FMX workflows. They can be used to guide guests, reinforce branding, improve transitions, and make waiting moments feel more polished.

What Are Animations?

Animations are visual or motion elements that appear during different parts of the workflow.

They can be used to:

  • Invite guests to interact with the booth
  • Provide instructions for the next step
  • Display countdowns
  • Compliment guests during the experience
  • Make waiting times more engaging
  • Reinforce branding or event themes

Animations can appear as:

  • Idle or attract screens while waiting for a guest to start
  • Screens between important workflow steps
  • Preloaders during AI processing, uploads, or transitions
  • Backgrounds behind capture, selection, preview, or other workflow steps

What Are Triggers?

Triggers control when the workflow moves from one animation or step to the next. FMX supports several trigger types:

  • Payback Ended - This is the most common trigger for video animations. When the selected video finishes playing, the workflow automatically moves to the next step.
  • Time - You set how long the animation should appear. When the step starts, FMX counts down the configured time and moves forward when the time reaches zero.
  • Touch - Used when you want the guest to interact with the screen, such as a touch-to-start animation.
  • AI Processed - Used when the workflow is waiting for an AI result. When the workflow reaches an animation with the AI Processed trigger, FMX checks whether it is waiting for any AI service result. If an AI result is still being processed, the animation remains on screen until the result is ready and downloaded to the booth. If there is no AI result pending, the animation is skipped automatically. This is useful when you want to show a waiting animation only when AI processing is actually needed.
  • Media Saved - Moves forward when the final video or media file has been saved.
  • Space Bar - Moves forward when the spacebar is pressed on a keyboard connected to the booth.
  • Payment - Moves forward when a payment is received and the software is notified that payment was completed.
  • Proximity - Moves forward when a connected proximity device detects the configured threshold.
  • Scan Done - Moves forward when a scanning operation is completed.

Types of Animations

FMX for iPad supports three animation modes:

  • Single Animation
  • Random Animation
  • Timeless Animation

Single Animation

A Single animation displays one specific image or video every time the step appears.

Use it when:

  • You want the same animation to appear at the same point every time
  • You have a fixed branded asset, such as an event logo or sponsor visual
  • You want consistent visuals across every session

Typical settings:

  • Select an animation file or preset
  • Configure the outgoing trigger, such as Time, Touch, or Playback Ended
  • Set audio to Mute or Unmute

Random Animation

A Random animation selects one animation from a predefined set each time the step appears.

Use it when:

  • You want variety so the experience feels different for each guest
  • You have multiple branded animations or themed assets
  • You want to rotate between several visuals during the event

Typical settings:

  • Add multiple animations to the random set
  • Configure whether selection is fully random or evenly distributed
  • Use one trigger for all animations, or configure a different trigger per animation

Best for:

  • High-traffic environments
  • Rotating event themes
  • Branded experiences with multiple sponsor or event assets

Timeless Animation

A Timeless animation loops continuously without its own outgoing trigger. It remains on screen throughout the workflow until it reaches the stop point you define.

Use it when:

  • You want branding to remain visible for an extended period
  • You need smooth, non-distracting background movement
  • You are using augmented reality transparent videos over the live view
  • You want an animation to continue across multiple workflow steps

Typical settings:

  • Choose a seamlessly looping video or animation
  • Configure whether it runs in the foreground, above other elements, or in the background, behind other elements
  • Define where the Timeless animation should stop

Best for:

  • Idle or attract loops between guest sessions
  • Augmented reality or overlay-based experiences
  • Capture screens where the background should move subtly behind the live view
  • Branded overlays that should stay visible during several steps

How to Configure Animations

Animations can be configured per step or globally.

Configuring Animations Per Step

You can configure a custom animation for each individual workflow step.

To configure an animation per step:

  1. Open the Workflow Builder.
  2. Select the step on the canvas.
  3. Open the Property Drawer.
  4. Go to Animation or Background Animation.
  5. Choose the animation mode: Single, Random, or Timeless.
  6. Select the animation file or preset.
  7. Configure the trigger and additional settings.

This is useful when each step needs a specific visual, instruction, transition, or branded screen.

Configuring Animations Globally

You can also define default animations at the workflow or theme level and override them per step when needed.

Global animation settings can include:

  • Default touch-to-start animation
  • Default backgrounds for capture or preview screens
  • Global animation sets for consistent branding across the workflow

Using global animations helps keep the event experience consistent while reducing the need to configure the same animation repeatedly on multiple steps.

Best Practices

Use Single animations when consistency is important.

Use Random animations when you want to create variety across sessions.

Use Timeless animations when you want a visual element to stay active across multiple steps.

Use the AI Processed trigger for AI workflows so guests see a waiting animation only when the booth is actually waiting for AI results.

Use short, clear instructional animations when guiding guests through important steps.

Use branded backgrounds and overlays carefully so they improve the experience without distracting from the main action.


Was this helpful?

Related articles