0:59 How do I make the vertical stack-up numbers disappear after it's in the frame? I even clicked on clip content but it still reveals all the numbers.
I finally got the second option to work. However, I havew multiple purchase objects a shopping cart summary page. Only one frame at a time will allow me to have a value of 1 or greater. I have to zero out all other cart items in order to increment another. What am I doing wrong?
ThanK you Udayraj! I was struggling with this. However, I feel stagnant because I can´t move up or down my stack of numbers. I Selected it, then I pressed Shift + arrow up and down, but nothing happend. Would you help me? I´ll apreciate it so much.
When you select a frame, you can see clip content icon in top right 'Frame' properties section. It's similar to masking as it hides all content outside frame outlines.
Hey this video was great was could it be possible to very clearly explain which frame you moved the components into because I was seeing the left panel all along and lost context a little bit. but still a great video, very helpful :)
Thanks for this amazing video @Udayrah Sathe. Can you please point out where you have implemented draggable slider in the Prototyping Video for which the link I found in the description. Was not able to find prototype for Draggable Slider. It has Drag/Swipe cards. Thanks.
Hi Udayraj, when I copy the counter that is on the screen (the main one) and pastes it, so I can have different counters on the same screen they don't work simultaneously. Only works if I use one counter at a time..
unfortunately numbers don't stop in this case, its jsut an animation from 1 to 10. Whats the secret to stop the progress bar and make it show a number there?
Amazing 🤩 i just signed up for protopie's i year trial using college id. Should i first start prototyping in figma or directly using protopie..what's your opinion. Is figma enough for intermediate level animations?
Not all projects require ProtoPie Features. It’s a great tool though and my favourite one for creating High Fidelity Prototyping. You can start learning it once you’re comfortable with Figma Prototyping techniques. You can create fairly decent animations within Figma.
Great job, Man! Is there any way to simulate a filter that generates one tag that coresponds to each criteria I eventually choose in the filter? Like, If choose "movies" in a filter with many criterias, and one of them is the option "movies" or "series", so a tag "movies" is created and so on. Another thing, is there a way to show these tags acording to the same order as I filter them while I use the filter?
dude this doesnt work for multiple counters in a page....it works only for one counter if u have five counters it doesnt work simultenoulsy ......it works on by one ......until and unless the first counter ends u cant interact with the second counter......please telll me some solutions.
The solution is to create Interactive component for this counter. Then you can add multiple counters on page and interact with them simultaneously 😊 Interactive component update wasn’t available when I recorded this tutorial. Feel free to ping me on LinkedIn or Insta if you need more help
Real input typing is crazy hard and time consuming. This might help > www.figma.com/community/file/949319444934680661/Functional-Input-Field-%7C-Interactive-Components-Demo
Thank you Bro, kerp doing. I wanna Add score to Game App in Figma prototype Like when I answer correct get point, when make wrong answer decrease score.any idea?
Hey! this video was helpful could you plz make a video on change cursor style in preview mode in figma as now its showing big circle with semi transparent bg.
You can create Image Carousel using interactive components now. Check out my tutorial on the same. To add Audio, we need to rely on third party apps like Protopie.
For icons I use figma plug-in called 'Iconify' which gives you all free/open sourced icon libraries. I use unblast.com occasionally for Graphical icons, mockups, illustrations & fonts.
Maybe nice to add the shortcut buttons you use. It's kind of confusing to watch your video, pause it, search for things in Figma, rewatch parts of your video and so on. That would be extremely helpfull
0:59 How do I make the vertical stack-up numbers disappear after it's in the frame? I even clicked on clip content but it still reveals all the numbers.
Sorry for delayed response. I was away.
You have to turn on Clip content for doing that.
I love how you describe what we need as "ingredients" xD
🙈
Exactly what I was searching for. You do great, short, informative videos!
Thank you so much 😊
wow this was so clever of you
I finally got the second option to work. However, I havew multiple purchase objects a shopping cart summary page. Only one frame at a time will allow me to have a value of 1 or greater. I have to zero out all other cart items in order to increment another. What am I doing wrong?
How this counter can be update to cart simultaneously when we press + icon
ThanK you Udayraj! I was struggling with this. However, I feel stagnant because I can´t move up or down my stack of numbers. I Selected it, then I pressed Shift + arrow up and down, but nothing happend. Would you help me? I´ll apreciate it so much.
It may be because you selected the number layer instead of the Frame containing all numbers. Can you try that?
This video was great !!!! Thanks for sharing the tutorial, it was simple, easy and very clearly to understand, very helpful!!!
Glad you enjoyed it! 🤘😄
I am SOOOO THANKFUL! YOU ARE GENIOUS!
Thank you so much! You are fantastic!
waittt how do you shift the list of numbers up??? I dont know how to move the numbers on my Mac keyboard 😩😩😩😩
Sorry for late reply. I used Shift + Arrow key on my Mac.
Did you figure it out already?
Thanks. I have a question. How can i press add to Craft and See at The same time number in the Basket on top of page ?
Sorry for delayed response. Is this resolved already?
Great video, just one quick question where exactly is the clip contain icon? That’s not the same as masking is it ?
When you select a frame, you can see clip content icon in top right 'Frame' properties section.
It's similar to masking as it hides all content outside frame outlines.
Hi thanks for the tutorial, was simple and easy to follow! Appreciate the work!
Thanks Jackie 😎
Hey this video was great was could it be possible to very clearly explain which frame you moved the components into because I was seeing the left panel all along and lost context a little bit.
but still a great video, very helpful :)
thanks for the great video!
Thanks for this amazing video @Udayrah Sathe. Can you please point out where you have implemented draggable slider in the Prototyping Video for which the link I found in the description. Was not able to find prototype for Draggable Slider. It has Drag/Swipe cards. Thanks.
Hey thanks & sorry for late reply. Have you found the link already?
how to create shopping cart animation when user click add to cart button
Hi Udayraj, when I copy the counter that is on the screen (the main one) and pastes it, so I can have different counters on the same screen they don't work simultaneously. Only works if I use one counter at a time..
You can now use this as Interactive component as use it simultaneously :)
unfortunately numbers don't stop in this case, its jsut an animation from 1 to 10. Whats the secret to stop the progress bar and make it show a number there?
We have to create multilpe steps for multiple stop points. Its much easier now with Interactive components.
Amazing 🤩
i just signed up for protopie's i year trial using college id. Should i first start prototyping in figma or directly using protopie..what's your opinion. Is figma enough for intermediate level animations?
Not all projects require ProtoPie Features. It’s a great tool though and my favourite one for creating High Fidelity Prototyping.
You can start learning it once you’re comfortable with Figma Prototyping techniques. You can create fairly decent animations within Figma.
@@udayrajsathe Thankyou 😄
Hello Udayraj
Thks for the video. I am new to Figma. Can I have the first minute of the video in slower steps.
I can try explaining. Ping me on Linkedin or Insta. Would love to help.
Great job, Man! Is there any way to simulate a filter that generates one tag that coresponds to each criteria I eventually choose in the filter? Like, If choose "movies" in a filter with many criterias, and one of them is the option "movies" or "series", so a tag "movies" is created and so on. Another thing, is there a way to show these tags acording to the same order as I filter them while I use the filter?
Possible but we need to create tons of interactions / screens. Figma doesn't have conditional logic yet.
@@udayrajsathe that's what i figured, there's no easy way to do that, thanks for replying
This is great - but how do I use this component on another frame? If I wanted to add this to a form, how do I do that?
We can convert this into an interactive component. Then you can easily use that multiple times in any frame.
dude this doesnt work for multiple counters in a page....it works only for one counter if u have five counters it doesnt work simultenoulsy ......it works on by one ......until and unless the first counter ends u cant interact with the second counter......please telll me some solutions.
The solution is to create Interactive component for this counter. Then you can add multiple counters on page and interact with them simultaneously 😊
Interactive component update wasn’t available when I recorded this tutorial.
Feel free to ping me on LinkedIn or Insta if you need more help
I don't have the option to use clip content, and you go really fast, but I am getting somewhere haha maybe Figma has updated since this tutorial
Connect with me on Instagram or LinkedIn. Would love to help. I’m sure it’s a easy fix
I like your counter & slider animation video. So can you show me an another tutorial regarding input typing field in Figma.... Please help me ...
Real input typing is crazy hard and time consuming. This might help > www.figma.com/community/file/949319444934680661/Functional-Input-Field-%7C-Interactive-Components-Demo
Thank you Bro, kerp doing.
I wanna Add score to Game App in Figma prototype
Like when I answer correct get point, when make wrong answer decrease score.any idea?
I think for conditional logic like this, you need to use ProtoPie along with Figma.
@@udayrajsathe thank you bro I will try .all respect
Thanks for your video 🤩
Is there any way to integrate this slidebar in a overlay?
I typically create Interactive component and use that in design.
Thank you!!!
How to you make the slider to stop at a certain number? Say 4 or 7
We have to repeat the process and create multiple frames with 4 & 7. Much easier now with Interactive components.
Hey! this video was helpful could you plz make a video on change cursor style in preview mode in figma as now its showing big circle with semi transparent bg.
Didn't get you 🤔 can you please elaborate?
Hey! this was a great video
could you make one long video or series of videos on complex animations that can be achieved using just figma?
I have 10 Dribble shots that I'm planning to recreate. The tutorial is planned for Coming Tuesday ✌
Feel free to share more examples 😃
how to make image carousel effect and how to add audio in figma
You can create Image Carousel using interactive components now. Check out my tutorial on the same.
To add Audio, we need to rely on third party apps like Protopie.
Thanks!! :)
Welcome!
thank you so much
You're welcome! 😄
thanks!
You're welcome!
thank
Thanks Bro 👌😀
Thanks Bohdan 😄
Bro do u have any idea to get resource for symbols and icon for easy use
For icons I use figma plug-in called 'Iconify' which gives you all free/open sourced icon libraries.
I use unblast.com occasionally for Graphical icons, mockups, illustrations & fonts.
Very good animation
Thank you Ramazan 😃
Maybe nice to add the shortcut buttons you use. It's kind of confusing to watch your video, pause it, search for things in Figma, rewatch parts of your video and so on. That would be extremely helpfull
That’s a great suggestion. I’m searching for a software to do that 😊
when I clip the content, my numbers are still visible, what am I doing wrong?
It might be due problem with layers. Can you share a screenshot of your layers on my Instagram/LinkedIn?
@@udayrajsathe you're so nice - thank you, sent, my name is Tamara
@@tamaratravels44 Did you get the answer for that I'm really want to know how to hide these other number can you share your answer please
Thank You
Thanks Nithish 😀
why i cant add Swap with to frame
Swap works with overlays. Make sure you’re using it on Overlay. Let me know if you still face this issue
you are too fast in your video tutorial, starter like us cannot easily understand. thanks alot for the video
Hi Alex, sorry to hear that. I'll slow down Little bit next time. I hope content is Helpful to you 🤞