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
Type In
ABC
Wave
ABC
Rain
ABC
Explode
ABC
Split
ABC
Rotation
ABC
Highlight
ABC
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
Scale from edge or corner coming soon
Show / Hide
Show / Hide interaction
Available today
Reusing an animation
Rebuild per element today
Copy and paste coming soon
Expressive effects
Tada, Swing, Shake, Roll, Light Speed, Ken Burns
Not available currently
Workarounds for how to recreate these coming soon
Coming Soon
The next wave of improvements
Directional Fades
One preset instead of stacking a fade and a move
Copy and Paste Animations
Build it once, then paste it onto any other element.
Directional Scale
Grow or shrink from any edge or corner, not just the center.
Faster Editing
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.
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