Design Like a Pro: design a Timer in Figma using
I am going to make a functional timer in #Figma.
I will use #variables and then write some expressions to prototype this timer. so get sure to watch this tutorial video until the end. let's see how we can make a timer app in Figma!
📌 Timestamps:
0:00 - Intro
0:23 - Step one: design the timer
1:32 - Step two: Animate the arrow
3:07 - Step three: Create variables
3:57 - Step four: Prototyping the timer
5:41 - Bug fixing - The first mistake
6:13 - Bug fixing - The Second mistake
6:54 - Demo
Whether you're a beginner or an experienced designer, you'll find valuable insights in this tutorial. Follow along and take your Figma skills to the next level with this captivating micro-animation technique.
👍 If you found this tutorial helpful, don't forget to give it a thumbs up and subscribe to the channel for more design tips and Figma tutorials!
Let's Learn together #UX and #UI , #Design, #figma #prototype
🔔 Subscribe for weekly design tutorials:@Kimoartcave
--------------------------------------------------------------------------------------------
🔥 Check out some of my other popular tutorials:
Variables: create dial pad: • #figma Tips and Tricks: Designing a F...
Advance micro-interactions in Figma: • Level Up Your Micro-Interactions in #...
--------------------------------------------------------------------------------------------
🌐 Connect with me:
Instagram: / kimo.artcave
Photography: / kiagraphy.a. .
Twitter: / kiarashmoazzez
TikTok: / thekimo.artcave
LinkedIn: / kiarashmoazzez