Animation Basics - Bouncing Ball (Figma tutorial)
Animation Basics - Bouncing Ball (Figma tutorial)
In this 10 minute tutorial, we will learn how to design Animation Basics - Bouncing Ball in Figma with Gradient Backgrounds. This tutorial is good for beginners who want to learn how to create auto layout button in figma with simple techniques in Figma to create Animation Basics - Bouncing Ball.
🎾 Watch next:
1. Countdown Timer Animation: • Creating a Countdown Timer Animation in Fi...
2. Create Typography Design System: • Typography - Visual Art Form | Web Design ...
3. Modern Car Dashboard Design | Components in Figma: • Modern Car Dashboard Design | Components i...
4. Create Input Fields with Auto Layout and Variants: • How to Create Input Fields with Auto Layou...
QUESTION — What videos would you like us to make on this channel? Drop it in the comments!
⏰ Timecodes ⏰
00:00 Intro
00:10 Create Shape Gradient
00:30 Apply Gradient Colours
01:30 Adjust the Sidebar Gradient Colours
02:20 Duplicate Frames
03:00 Prototyping Bouncy Animation Basics
04:40 Create Primary Button
06:40 Add Button Colours
07:50 Button Bouncy Animation Basics
08:30 Bouncy Animation Adjustments
09:40 Final Bouncing Ball Animation
About the video:
Some of the features include a new auto layout panel, and how to create auto layout button in figma canvas editing, new smart animate feature Animation Basics - Bouncing Ball, and variable fonts. Figma included a lot of new features that people really wanted.
#hero #herolayout #herodesign #figma #figmatutorial #bouncingballs