looking for the variant button? i was but found it. I watched other videos and could never find the variant option. make sure you only have the component selected and nothing else but you still need to dig a little (im assuming an update) and you will have to look for "properties" click the plus and variant will be an option within there. I was about to ask for help finding it but since i found it i figured id try and help leaving this comment.
The tutorial is straight forward and great job of presenting. However, I can’t get the animation to work in prototype. My noodles and all settings are the same as yours but when I got to play the toggle is there but there is no response when I click. Nice video anyway and thanks for the tutorial.
@Gal.Barzilay when I place the toggle on my mobile screen layout and use as a trigger to flow between 2 screens, the flow animation overrides the toggle animation. Anyway to get around this? Thanks in advance
Remove the interactions from the component and recreate them from frame to frame. So one frame with the On toggle and the second one with the Off toggle. ✌️
YESSS they do! There is an Anima plugin for Figma for sure and you can google Figma to Webflow, it will take you to the Figma Webflow workflow on Webflow official site...
Great video! any advice on how to actually use it on a design.
Love your videos, they've helped me so much with my UX Bootcamp!
Thanks, such an easy way to do it.
This is great, but how do you do this and also use the toggle to "toggle" another component on and off?
I managed to make a Toggle. Woohoooooo. Thankssss :)))))
THANK YOUUUUUUUUUUUU U SAVED ME
thank youuu
You should share Figma fails of your stuff. Nice work
You are great! best tutorial on this topic 👍👍
Thank you 🙏🏼
Gracias por este paso a paso hay muchas cosas que mis instructores no enseñan😆 SALUDOS
WOW I really love a way of your tutorial!
Thank you! I hope you subscribe 😊
Nicely done -- thanks!
אחלה סרטונים גל! אתה מעיף
Thank you! made my day :)
nice video, very informative and straightforward
Thank you 🙏🏼
Why doesn’t it work for me?? I’ve been following you step by step 🤷♂️
Make sure you give your layers the same name
looking for the variant button? i was but found it. I watched other videos and could never find the variant option. make sure you only have the component selected and nothing else but you still need to dig a little (im assuming an update) and you will have to look for "properties" click the plus and variant will be an option within there. I was about to ask for help finding it but since i found it i figured id try and help leaving this comment.
Awesome!
The tutorial is straight forward and great job of presenting. However, I can’t get the animation to work in prototype. My noodles and all settings are the same as yours but when I got to play the toggle is there but there is no response when I click. Nice video anyway and thanks for the tutorial.
Hi man send me an email I’m sure I can help! Anyway thanks for the kind words 😊
Make sure your layer names are the same
Amazing video Gal!! I have some questions, as a Product Designer, you only do UI design or reaserch too? Have a great day!
Thanks 🙏🏼 I do both UX/UI but mainly UI
Thanks 🙏🏼 I do both UX/UI but mainly UI
Hello! I perform the steps and the variant works but not the movement effect, only when I click it only changes position but does not slide smoothly
You probably didn’t keep the same names for the layers. Smart Animate only works if the layers have the exact same name. ✌️
@Gal.Barzilay when I place the toggle on my mobile screen layout and use as a trigger to flow between 2 screens, the flow animation overrides the toggle animation. Anyway to get around this? Thanks in advance
Remove the interactions from the component and recreate them from frame to frame. So one frame with the On toggle and the second one with the Off toggle. ✌️
subbed
thank you so much that was so helpful !!
Thanks for watching! :)
Parabéns pelo conteúdo! Simples e direto, diferente de alguns outros que acabam indo além sem mostrar os passos iniciais!
hi.. I'm new to figma.. is figma integration will be exported to html third party like anima or webflow?
YESSS they do! There is an Anima plugin for Figma for sure and you can google Figma to Webflow, it will take you to the Figma Webflow workflow on Webflow official site...
What if all your shapes are created using Auto-Layout? I have no layers to label so therefore the animation is janky.
You can label the autolayout group
Amazing
Thank you 🙏🏼
Can you help me?? I didn't understand at 2:46
How do you do that? duplicate?
I'm try to duplicate, and then it was become to be variant
To duplicate- select your shape and hit on cmd + D
@@Life_Of_Gal but it again become variant not working like urs
Amazing teaching
Thank you so much! Many more videos will come 🙏🏼
Simple Ezpz!!
amazing.thank you
Thanks for watching 🙏🏼
hahaha loved the intro
Thank you so much 😊
thank you
Your welcome! 🙏🏼
Can you send notifications with figma?
Send notifications? Not sure what you mean… prototyping notifications? Notification animation?
@@Life_Of_Gal when you get a message it appears on the lock screen, can you do that with figma?
@@lones-old-account sure! You can prototype it! Good idea for future video 👍
@@Life_Of_Gal I just realized figma is used for design and not app making, might use Xcode for that, but thanks for showing me an amazing design tool!
😍😍