Smooth Transitions With Easing in Figma and After Effects

Channel:
Subscribers:
1,620,000
Published on ● Video Link: https://www.youtube.com/watch?v=w8RWwxtUMVQ



Category:
Tutorial
Duration: 19:52
8,444 views
242


Download Figma UI Kits: https://elements.envato.com/graphic-templates/ux-and-ui-kits/compatible-with-figma?utm_campaign=yt_tutsplus_w8RWwxtUMVQ&utm_medium=referral&utm_source=youtube.com&utm_content=description

If you want the design of your app or website to look professional and function more effectively, you'll need to create smooth transitions. They enhance communication while bringing a level of delight to the user’s experience.

In a typical UX design workflow, as you get ready to hand the files over to the developers, you'll refine and perfect the motion in your work. Figma will do a lot of this for you, and you can also add labels and comments to communicate your intentions. But to create truly smooth transitions and high-fidelity prototypes, it's best to take your Figma files and move everything across into After Effects. In this video, Ivan Witteborg will show you exactly how to do that!

► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_w8RWwxtUMVQ&utm_medium=referral&utm_source=youtube.com&utm_content=description

Read more on smooth transitions in Figma and After Effects on Envato Tuts+: https://webdesign.tutsplus.com/tutorials/make-smooth-transitions-with-easing-in-figma-and-after-effects--cms-41727?utm_campaign=yt_tutsplus_w8RWwxtUMVQ&utm_medium=referral&utm_source=youtube.com&utm_content=description

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com/?utm_campaign=yt_tutsplus_w8RWwxtUMVQ&utm_medium=referral&utm_source=youtube.com&utm_content=description

Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_w8RWwxtUMVQ&utm_medium=referral&utm_source=youtube.com&utm_content=description

► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus
► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -







Tags:
Tuts+
figma transitions
figma blur transitions
transitions figma
instructions transitions in figma
button transitions figma
figma analytics transitions
animating transitions from figma
how to make transitions on figma
figma prototype transitions
figma tutorial prototyping & transitions
how to make transitions figma
figma easing
figma animate with custom easing
figma animation
ui design
figma
figma tutorial
figma tutorial for beginners
ux
envato tuts+