Animated Countdown Timer | Figma Interactive Components

Published: 09 August 2022
on channel: 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

On this page of the site you can watch the video online Animated Countdown Timer | Figma Interactive Components with a duration of hours minute second in good quality, which was uploaded by the user Chinsk Design 09 August 2022, share the link with friends and acquaintances, this video has already been watched 9,826 times on youtube and it was liked by 111 viewers. Enjoy your viewing!

287,056