Floating Action Button Animation in Figma | Interactive Components
In this tutorial, I will show you how to create another type of Animated Floating Action Button (FAB) in Figma with Interactive Components. Also, you will learn how to use Groups, Frames, Components, Variants, Figma Prototype and Figma Smart Animate.
In this video I show you:
00:25 Intro
00:30 Make an Ellipse
00:50 Add Drop Shadow
01:25 Make Another Ellipse
01:55 Add two Drop Shadows
03:10 Duplicate the Ellipse
03:40 Add Icons
05:15 Send the Small Ellipses to Back
05:30 Create a Frame
05:40 Duplicate the Frame
05:50 Decrease Size of Small Ellipses
07:00 Create Multiple Components
07:15 Combine as Variants
07:25 Prototype
======
Watch my others Figma Interactive Components tutorials:
Animated Like Button: • Animated Like (Heart) Button | Figma ...
Search Bar (Keyboard Input Animation): • Search Bar (Keyboard Input Animation)...
Loading Animation: • Loading Animation | Figma Interactive...
Interactive Star Rating: • Figma Star Rating Animation | Interac...
Interactive Slider: • Figma Slider Animation Tutorial | Int...
Interactive Button: • Figma Interactive Button Tutorial | P...
Radio Buttons: • Figma Interactive Components | Radio ...
Checkbox: • Checkbox | Figma Interactive Componen...
Dropdown Menu: • Figma Dropdown Menu Tutorial | Prototype
Input Fields: • Figma Interactive Components | Input ...
Progress Bar: • Figma Progress Bar Tutorial | Prototype
Toggle Switch Button: • Figma Toggle Switch Button | Interact...
======
Don't forget to like, subscribe and turn on notifications to watch new ui ux design videos and figma tutorials
Смотрите видео Floating Action Button Animation in Figma | Interactive Components онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Chinsk Design 04 Июль 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 2,678 раз и оно понравилось 82 людям.