Creating a Scrolling Time Picker in #Figma | Easy and Effective | Time selector | UX UI Designer

preview_player
Показать описание
Let’s learn how to create a Scrolling Time Picker In #figma with easy and effective steps

You can also learn how to create loading page animation here:

And listen to my podcast video:
  1. Good Morning, UX
  2. Figma
  3. Time picker
  4. Scrolling figma
  5. Scrolling time picker
  6. Time selector
Рекомендации по теме
Creating a Scrolling 0:06:47

Creating a Scrolling Time Picker in #Figma | Easy and Effective | Time selector | UX UI Designer

How to prototype 0:01:09

How to prototype a picker in one minute in FIGMA

Figma Scrolling Time 0:27:25

Figma Scrolling Time Picker Components

Time Picker Animation 0:09:26

Time Picker Animation | Figma Interactive Components

How to create 0:20:39

How to create Interactive Scrolling Time Picker with prototype in Figma - Figma Tips in Hindi Urdu

scroll snap date 0:00:16

scroll snap date time picker

Date/Time picker all 0:00:59

Date/Time picker all

How to make 0:08:26

How to make Scrolling Date/Time Picker in Android Kotlin/JAVA | Number Picker

How To Create 0:33:23

How To Create Ant Design Time Picker On Figma

How to Design 0:12:04

How to Design a Time Picker Component in Figma | Material Design Time Picker Component Tutorial

Material Time Picker 0:07:37

Material Time Picker - Material Design | Android Studio Tutorial

simple date time 0:00:32

simple date time picker by php and js

Figma Date Picker 0:12:55

Figma Date Picker Components

Functional Calendar (Date 0:09:54

Functional Calendar (Date picker) UI Design in Figma | Interactive Components

How to Build 0:52:55

How to Build a Custom Time Picker with JavaScript Modules (No Frameworks)

Interactive Calendar (Date 0:03:10

Interactive Calendar (Date Picker) in Figma

How to manual 0:11:58

How to manual time picker with flutter #fluttertutorial

Time Picker in 0:08:11

Time Picker in Dear PyGui | Dear PyGui Tutorial For Beginners

TIME PICKER • 0:04:01

TIME PICKER • Flutter Widget of the Day #26

Create and customize 0:13:28

Create and customize time picker in Excel

Time picker using 0:05:31

Time picker using jQuery plug-in - Android style time picker | Web Tutorials

20 Creating a 0:16:24

20 Creating a Time Picker Android Studio Tutorial

How to Add 0:08:28

How to Add a Date Time Picker Component to your React Native Apps

How to Create 0:23:07

How to Create a Date and Time Picker Form | Next.js & Shadcn

Комментарии
Автор

I love listening to your explanation of how to create this. Thank you!

brandonwhite
Автор

wow this is so helpful!
How can I keep the scrolling effect all the time? like when i reach the minute 59 i want it get back to the minute 00 then 01 then 02 then 03 ... and so on until i reach the minute 59 again, while I'm still scrolling in the same direction. how is this possible?

hibahasan
Автор

GREAT !!! could you please coming up more tutorials like this ?

rspqbzf
Автор

Thank you)))) I understand now how it works)))

MariannaHamilton
Автор

Thanks so much, great video! I'm so happy it worked! The only annoying thing: the white frame inside that highlights the chosen time keeps scrolling together with the numbers. Do you have any idea why this happens? I'm sure I made a stupid mistake, no idea how to fix it now :( Thanks!

nataliakostenko
Автор

Thank you. Does the date picker do the same?

finleykim