Promo for the new Roboto Flex variable font made with VariFont by Google's Material Design team.

Today we show you something about a little motion design niche: Designing user interface animations for mobile apps and web apps.

Learn how to first import your user interface designs from Xd, Figma or Sketch into Adobe After Effects, then create animations there using the spring tools in iExpressions. It’s not only easy to create spring animations in After Effects, they can also be easily implemented in Google’s Android, Apple’s UIKit (or SwiftUI), and Facebook’s React.

Google CES Tour animations created using  Newton, Ray Dynamic Color, AE Global Renamer, Layer Stalker, Precomp Anchor Repo, After Ease, KEYboard by Gerald Mark Soto

Awesome graphics for Google' CES presence using Layer Stalker, Deep Glow, Pins & Boxes, Squash & Stretch, Ray Dynamic Color, AE Global Renamer 2, Long Shadow, BAO Boa, Flow, After Ease, KEYboard, TextEvo and many more by Gerald Mark Soto for Brand New School

Fantastic automated work using Templater, Labels, Keyframe Presets, EasyCopy, KeyFast, Keysmith, BG Renderer and more for Google by Gerald Mark Soto at Brand New School

Dope graphics for Google’s 2018 keynote at their annual developer conference using Flow, EaseCopy, Rift, Keysmith, KEYboard, BG Renderer Pro, AE Global Renamer, Sortie, Reposition Anchor Point, Ray Dynamic Color, Ease and Wizz, Exploding Shape Layers and more by Gerald Mark Soto

Beautiful animation using Ray Dynamic Color and Overlord by Google 

Nick Butcher shows how easy it is to use Bodymovin to create UI animations in #AfterEffects and export them for native use in an Android app. Especially now that Bodymovin supports AnimatedVectorDrawables! 

Sharp design and animation using Ray Dynamic Color by Gunner

Lovely animation using Ray Dynamic Color, BAO Mask Avenger and more by aescripts author Sander van Dijk for Google.

Inspiring animation and message by David Stanfield