Figma Tutorial: design smooth slider animation
HTML-код
- Опубликовано: 1 авг 2024
- Are you ready to take your design skills to the next level? In this immersive design case study, I guide you through the entire process of creating a stunning product packshot #slider that captures attention and keeps viewers engaged
🔗 Link to Figma file: www.figma.com/community/file/...
📌 Timestamps:
0:00 - Start
0:24 - What are you going to see in this video
1:05 - Step 01 - Designing the UI
3:11 - Step 02 - Make the interaction
3:35 - Important! - Push or smart animation
4:14 - Important! - Animation matching layers
5:25 - 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...
Advance micro-interactions in Figma: • Level Up Your Micro-In...
--------------------------------------------------------------------------------------------
🌐 Connect with me:
Instagram: / kimo.artcave
Photography: / kiagraphy.a. .
Twitter: / kiarashmoazzez
TikTok: / thekimo.artcave
LinkedIn: / kiarashmoazzez 
Наука
awesome skills Kia. Please make some more advanced prototyping based videos mate. It will be a huge boost to the spirits. Always excited with the new content. Keep up the good work :)
Do you mean playing around with videos in the prototype? did I get you right? thanks for your comment! ♥♥
@@Kimoartcave yea videos on advanced prototyping some tips and tricks on how to use pen tool in Figma like a pro and How to design for the future as in Spacial designing which is introduced by Apple Pro VR/AR. How we can start introducing elements like that in our designs if possible or if it's a completely different ball game xdd. Thanks for your reply looking forward to some awesome videos from you mate.
One of the best channels you should be on as a UI/UX designer... Thank you for all the time 🙏🏽🧿
♥♥
You provide the best, I always wait for the next clip for you👍
❤️❤️
Ok for what we expect next. I think not everyone understands yet that the Figma new variable features are not as functional as they are with colors,numbers etc. so I want to understand how you work on projects.
Do you use text variables or still use the text styles format for fonts documentations like it used to be before the introduction of variables? Any workaround for that?
Hi hi! In fact, I want to make videos related to using variables in practice, however, I believe it is better to wait for the next Figma updates of variables. there will be some improvements.
At this very moment, I would say the main reason for using styles is to increase the maintainability of your design system, and to support it, better to use tokens. and variables only for making complex prototyping logic.
Thanks for sharing your question! I will work on it!❤️
@@Kimoartcave We'll be looking out for it..: Gracias Mucho