Animated Countdown Timer | Figma Interactive Components

Опубликовано: 09 Август 2022
на канале: Chinsk Design

9,826

111

In this tutorial, I will show you how to make an Animated Countdown Timer in Figma with Interactive Components. Also, you will learn how to use Figma Mask, Components, Variants, Figma Properties, Figma Prototype and Figma Animation.

In this video I show you:

00:00 Intro
00:25 Countdown UI Design
00:50 Text Align Center
01:00 Make an Rectangle
01:17 Bring Text to Front
01:27 Use as Mask
02:13 Create Component
02:30 Properties Variant
02:40 Add Variants
04:43 Prototype

======

Watch my others Figma Interactive Components tutorials:

Dropdown Menu List:    • Dropdown Menu with Scroll Animation |...

Progress Bar Button:    • Download Progress Bar Button | Figma ...

Animated Heart Icon:    • Figma Animated Heart Icon | Interacti...

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

Floating Action Button (FAB):    • Floating Action Button Animation in F...

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

Смотрите видео Animated Countdown Timer | Figma Interactive Components онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Chinsk Design 09 Август 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 9,826 раз и оно понравилось 111 людям.