Animated Gradient Button | Figma Micro Interactions

Опубликовано: 04 Июль 2023
на канале: Chinsk Design
799
29

In this tutorial, I will show you how to make Animated Gradient Button using Micro Interactions in Figma with Figma Interactive Components. Also, you will learn how to use Frames, Create Component, Variants, Prototype and Smart Animate.

In this video I show you:

00:00 Intro
00:21 Gradient Button
04:05 Create Gradient Button Variants
05:33 Prototype Animated Gradient Button

======

Watch my others Figma Interactive Components tutorials:

Add Product Animation:    • Add Product to Bag Animation | Figma ...  

Accordion Animation:    • Accordion Animation | Figma Interacti...  

Bottom Navigation Bar:    • Animated Bottom Navigation Bar | Figm...  

Swipe to Delete Animation:    • Figma Swipe to Delete | Interactive C...  

Circle Progress Bar:    • Circular Progress Bar Animation | Fig...  

Loading Animation:    • Loading Animation | Figma Interactive...  

Interactive Slider:    • Figma Slider Animation Tutorial | Int...  

Interactive Button:    • Figma Interactive Button Tutorial | P...  

Dropdown Menu:    • Figma Dropdown Menu Tutorial | Prototype  

Input Fields:    • Figma Interactive Components | Input ...  

Progress Bar:    • Figma Progress Bar Tutorial | Prototype  

======

Don’t forget to like, subscribe and turn on notifications to watch new ui ux design videos and figma tutorials


Смотрите видео Animated Gradient Button | Figma Micro Interactions онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Chinsk Design 04 Июль 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 799 раз и оно понравилось 29 людям.