Figma Animated Heart Icon | Interactive Components
In this tutorial, I will show you how to make an Animated Heart Icon / Like Button in Figma with Interactive Components. Also, you will learn how to use Frames, Multiple Components, Figma Properties, Variants, Figma Prototype and Figma Smart Animate.
In this video I show you:
00:00 Intro
00:25 Heart Icons Variants
01:28 Bring to Front
01:40 Align Horizontal Centers
01:55 Create Frame
02:31 Duplicate Frame
02:45 Spread the Icons
04:15 Set the Opacity
04:58 Create Multiple Components
05:15 Combine as Variants
05:26 Prototype
======
Watch my others Figma Interactive Components tutorials:
Animated Swipe to Delete: • Figma Swipe to Delete | Interactive C...
Floating Action Button (FAB): • Floating Action Button Animation in F...
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
Смотрите видео Figma Animated Heart Icon | Interactive Components онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Chinsk Design 19 Июль 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 7,245 раз и оно понравилось 238 людям.