Design Like a Pro: design a Timer in Figma using
Kimo Kimo
10.5K subscribers
6,139 views
132

 Published On Jul 27, 2023

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  

show more

Share/Embed