Animated Countdown Timer | Figma Interactive Components

Publicado el: 09 agosto 2022
en el 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

En esta página del sitio puede ver el video en línea Animated Countdown Timer | Figma Interactive Components de Duración hora minuto segunda en buena calidad , que subió el usuario Chinsk Design 09 agosto 2022, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 9,826 veces y le gustó 111 a los espectadores. Disfruta viendo!

11,267