From the course: Adobe XD Quick Tips

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Number counter

Number counter - Adobe XD Tutorial

From the course: Adobe XD Quick Tips

Start my 1-month free trial Buy for my team

Number counter

“

- [Instructor] Hey everyone. I'm Howard Pinsky and in this Adobe XD tip, we're going to take a look at creating an animated number counter using Components and States. Here's a delicious looking project I've been working on and I think it'd be interesting is if when a user interacts with this particular quantity counter the numbers visibly animate up. Diving into this particular group you're going to notice we have a few elements already set up. We have a minus icon, a plus icon, the number and a container for the background. Now thinking forward a little bit what we'll want to do to set this up is add in the other numbers that will be available. So I'm going to go ahead and double click on the number and on a separate line by pressing the return key, I'm going to type out two, three, four and let's go down to five. Now we see all these numbers one to five right now but when we're previewing this…

Contents