Animated Countdown Timer | Figma Interactive Components

Publicado em: 09 Agosto 2022
no canal de: 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

Nesta página do site você pode assistir ao vídeo on-line Animated Countdown Timer | Figma Interactive Components duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Chinsk Design 09 Agosto 2022, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 9,826 vezes e gostou 111 espectadores. Boa visualização!

10,891

110