Building a Real Calculator in Figma | Variables and Conditional prototyping

Опубликовано: 30 Октябрь 2024
на канале: Kimo
2,893
62

In this video, I demonstrate how to create a functional calculator using Figma's variables and conditional prototyping. It's a practical example of how Figma can be used for more than just UI/UX design.

Calculator in figma part one:
   • Using Conditional Prototyping in Figm...  

UI design by:
Blanda Cristine

#advanceprototyping #figma #DesignTools

📌 Timestamps:
0:00 - What you will see in this video
2:32 - What do we want to make?
3:56 - Two tips
5:43 - Define the variables
8:52 - Num pad button interaction
14:28 - "Add" button interaction
17:00 - "Equal" button interaction
21:47 - Order of interactions are important
23:15 - Ending


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  

--------------------------------------------------------------------------------------------
My name is Kia, and I am a UX generalist working for more than 10 years as a designer in the industry. here I am sharing my learnings related to UX and UI design, Figma tutorials, general design tips, and tricks. join me in this channel and let's learn together and become better designers.