Help / Animating

Animating

Zoom in on a detail, show the full picture. Make something the world has never seen before.

Animate one device independently
Move a phone while the camera and other devices stay still.
Animating your mock-ups with the timeline
Bring dead mockups to life with the easiest timeline feature in the 3D industry
Animate exploded design layers
Reveal a Figma design layer by layer in 3D.
Easing
Decide how smoothly you want your animations to go
Animate a folding device
Control a fold separately from device movement and screen content.
Make a jump cut between camera views
Switch angles instantly, or hold a view between movements.
Open and close the laptop
Open the laptop with the canvas rotation ring or inspector, then animate a reveal
Animate a title between keyframes
Control the position and appearance of a 2D overlay over time.
Give animation properties different timing
Let position, rotation, or another property settle at a different time.
Share keyframes with other designers
Never make the same animation twice with keyframe loading and saving
Animate a title with a preset
Give a title an entrance and exit without building every movement by hand.
Select and edit the right keyframes
Use the playhead and edge diamonds to make predictable edits.
Align animations on the timeline
Start a title, device move, and screen change together.