Scrolling Stagger Animations in Framer are Awesome
https://bit.ly/3Ky5Sha 👈 Design like me. Use "UI2023" for 23% Off!
https://designcourse.com/af 👈 My upcoming "Advanced Frontends" Course
-- Today, we're stepping into the low/no code world of Framer, and we're creating a stagger-based scroll animation on a card I designed in Figma.
Grab a copy of the Figma design here to follow along!
https://www.figma.com/community/file/...
0:00 - Intro
0:15 - Figma
1:10 - Figma to Framer Plugin
2:00 - Fixing the layout in Framer
4:00 - Masking Technique
5:15 - Adding the First Animation
7:50 - Repeating the Animation
10:49 - Final Animation
11:08 - Final Result
Let's get started!
#framer #figma #uiux
- - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: / designcoursecom
Join my Discord! / discord
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!