Animation Roadmap

Animations in Flex: Where We're Headed

We're reducing friction and making Flex feel familiar for Studio users. Here's a look at where animation is headed.

What you can do in Flex today

The animation toolkit in Flex is already deep. Most everyday motion works right now — everything below is what's coming next.

Animation and Scroll Effects

Fade

Move

Rotate

Scale

Bounce

Flip

Blur

Parallax

Bob

Shake

Vibrate

Tada

Jello

Wobble

Ken Burns

Flash

Pulse

Slide

Type In

ABC

Wave

ABC

Rain

ABC

Explode

ABC

Split

ABC

Rotation

ABC

Highlight

ABC

Count

$50

Interactions

Add Link

Go to Page

State Change

Target State

Show / Hide

Scroll To

Carousel

Coming from Studio?

Here's how what you know from Studio maps to how it works in Flex today.

Studio

Flex

Fade Up / Down / Left / Right

Fade + Move combined

One click presets coming soon

Scale / Grow / Shrink

Scale animation

Available today

Show / Hide

Show / Hide interaction

Available today

Reusing an animation

Available today

Coming Soon

The next wave of improvements

Directional Fades

One preset instead of stacking a fade and a move

Live

Copy and Paste Animations

Build it once, then paste it onto any other element.

Live

Directional Scale

Grow or shrink from any edge or corner, not just the center.

Live

Faster Editing

Preview every animation at once, switch one off to test combinations, and edit several elements at the same time.

After That

Building toward a richer toolkit

Flow > Ease, Linear > No Ease

Familiar Naming

The same animation names you already know from Studio, so nothing feels new.

Live

Smoother Playback

Motion that feels fluid by default

Touch-Friendly Interactions

Hover and tap that just work on every device

Group Staged Animations

Children of a group each run the same animation, staggered by a delay

Considering

On our radar

Motion Transitions

Smooth transitions when elements appear, disappear, or change.

Animated Show / Hide

Elements ease in and out instead of popping on and off.

Custom Presets

Save your own animations and share them via brand kits

Studio → Flex Paste

Copy animated components from Studio and keep their motion when you paste into Flex.

Sequencing and Choreography

Timing and orchestrating multiple animations together