Thanks to @wonsunparque4788 for pointing out my toggles are flipped 🙈🙈 no idea how but I had them on a 180 degree angle 🤦🏽♀️ I will fix this in the practice file on Figma sorry all ☀️🙏🏼
This was so well described. Thanks ! Question: Is there a plugin you are using for the languages that automatically translates them? Or are you translating each word using ,Google Translate for example, and entering them in the mode descriptions?
Thanks! haha no they are not 😭. I have no idea how it happened and how I didn't notice but I had my switches on 180-degree rotation for some reason 🙈☀️
Thank you so much again for everything you do on this channel.🙌🏻 I get excited for each video like a little kid :) I do have one question about the dark/light switch. Since I have 20 connected screens, is there a way to change the theme on all of them with one button click? Right now, it only works on the current screen, but as soon as I click the action button to switch to another screen, it goes back to auto mode (e.g. light).
Super useful update and explanation! I found really educational how you first create something and then how to improve it. I can't imagine what new features are Figma people keeping for this june event.
This is great! Thanks for making the video! Super helpful! The switch, however, seems to be on the different side from the standard switch. The standard iOS switch is ON with the switch is on the right side, and OFF when the switch is on the left side. In this video, they are in reverse. It was bothering me a bit when I was watching the video.
Omg you’re right!!! hahahaha 5:33 check out the rotation when I select the toggles. Why do I have them on 180 degree angle??? I grabbed these from my copy of the iOS library but maybe I played with it previously and forgot 🙈🙈 great catch! 🙏🏼 ☀️💛
It's a shame you con't delay the variable change so it happens in the middle of the 300ms animation. You could probably make it more snappy if the 300ms is reduced (but might look a bit too fast on the toggle)
Off topic but would highly appreciate it if you could design a mobile app for us in detail, e.g. a food app, or an HRMS dashboard panel. I am still confused about when to use a frame for text, or apply auto layout to it, OR when to use group selection vs auto layout.
about the last two questions! I would say to use an Auto layout if there is a rule all the elements inside the frame need to follow or if it needs to be dynamic. ☀️
Look at that it is very effective very easy very simple than regular prototyping 😂 But problem is variables are limited to the free version to practice 😢😂
Hey! Thanks for the tutorial. I hope you can help me out because i just cannot understand why its not working for me. I am litteraly doing the exact same thing as you but my prototype only works one way. So if I click on the toggle button, it changes the button variant itself and the variable. BUT then I cannot go back. It stays in this mode and i cannot click it again to turn it off. So weird pls help me
How do i use toggle to change font? For example if i toggle it on, it will change to Poppins. But if i turn it off it will change back to Inter. Please help
great question! you can fake it a little so you can use a conditional - IF toggleVariable== false { change variable font to "Poppins" } I hope that makes sense ☀️🙏🏻
I'm excited about this new feature. Thanks for your well-put-together content; I enjoy your explanations. I’d love to see a tutorial on using a design system to build a design instead of starting from scratch. Most tutorials focus on creating everything from the ground up, but in real environments, we usually use existing UI elements. A tutorial showing how to effectively utilize and customize components from a design system, including tips and best practices, would be great. 🙏👍💯🪴🍀🌱🌻
Thanks to @wonsunparque4788 for pointing out my toggles are flipped 🙈🙈 no idea how but I had them on a 180 degree angle 🤦🏽♀️ I will fix this in the practice file on Figma sorry all ☀️🙏🏼
Brazilian watching the video, thanks!
Welcome! ☀️🙏🏻💛
Thank you SO much for this video as I was kind of struggling on what this feature actually accomplished. Well done!
You’re welcome! ☀️🙏🏼💛
I never leave comments on videos, your channel is AMAZING!
Aww thank you so much! 💛🙏🏼☀️
amazing, that should make prototypes way more dynamic and believable
I know right??? ☀️🙏🏼
Wow great to see this prototyping made too easy now. Thanks 💙
You’re welcome! 🙏🏼☀️
This was so well described. Thanks !
Question: Is there a plugin you are using for the languages that automatically translates them? Or are you translating each word using ,Google Translate for example, and entering them in the mode descriptions?
Thanks! I used google translate and I think some of my translations aren’t very good 🙈🙈☀️
Great call on the interaction order.. Are switches backwards in the UK?😄
Thanks! haha no they are not 😭. I have no idea how it happened and how I didn't notice but I had my switches on 180-degree rotation for some reason 🙈☀️
i was frustrated on how to add two interactions in one component, turns out i had overlooked the plus sign in prototype. this helped. thanks td
hahah it is easy to miss! ☀️🙏🏻💛
Just discovered your channel- its absolutely gold!! Binging all your videos now and about to find you on IG, we love women in tech!!
Aww thanks! And yay women in tech ! ☀️🙏🏼💛
I was waiting for long time for this type of feature in figma thank you so much for the video
You’re welcome! ☀️🙏🏼
Thank you so much again for everything you do on this channel.🙌🏻 I get excited for each video like a little kid :) I do have one question about the dark/light switch. Since I have 20 connected screens, is there a way to change the theme on all of them with one button click? Right now, it only works on the current screen, but as soon as I click the action button to switch to another screen, it goes back to auto mode (e.g. light).
False alarm. I forgot to turn all the screens to auto :) 😊
Glad you managed to fix it! ☀️🙏🏻💛
Man i love figma, such great value for money (if you pay, and especially if you don't )
Its great right?? ☀️🙏🏻
Amazing TD , very use full , thanks
Thank you! ☀️🙏🏻
Super useful update and explanation! I found really educational how you first create something and then how to improve it. I can't imagine what new features are Figma people keeping for this june event.
Same!! Did you see the post they uploaded with the images as “clues”?? Very unhelpful 🙈🙈☀️💛
This is great! Thanks for making the video! Super helpful!
The switch, however, seems to be on the different side from the standard switch. The standard iOS switch is ON with the switch is on the right side, and OFF when the switch is on the left side. In this video, they are in reverse. It was bothering me a bit when I was watching the video.
Omg you’re right!!! hahahaha 5:33 check out the rotation when I select the toggles. Why do I have them on 180 degree angle??? I grabbed these from my copy of the iOS library but maybe I played with it previously and forgot 🙈🙈 great catch! 🙏🏼 ☀️💛
Great video nonetheless! I’ve learned a lot from your videos! Really appreciate the time you put into these. Keep up the great work! 🙂
✨🙌🏼🙌🏼WoooW🙌🏼🙌🏼✨ Thank you!
You're welcome! ☀️🙏🏻
Yayyyyy finally!! 🎉❤
☀️🙏🏻💛
Awesome :)
Thanks 😁☀️🙏🏻
Great video! Such an awesome update. Could you do a video creating an interactive prototype keyboard?
Thanks! ☀️🙏🏻💛 I have one! Keyboard - ruclips.net/user/shortsve4UvSGadaA?feature=share, Keypad - ruclips.net/user/shorts8pYaEWAQtrc?feature=share
Nice video! Can it be done on component instance tho?
You can definitely use this feature on instances as well! ☀️🙏🏻
It's a shame you con't delay the variable change so it happens in the middle of the 300ms animation. You could probably make it more snappy if the 300ms is reduced (but might look a bit too fast on the toggle)
You can for sure play around with some delays to make it even more realistic! I was just showing the basics and being lazy 🤪🙏🏼☀️
Off topic but would highly appreciate it if you could design a mobile app for us in detail, e.g. a food app, or an HRMS dashboard panel. I am still confused about when to use a frame for text, or apply auto layout to it, OR when to use group selection vs auto layout.
Great idea! I'll add it to my list ☀️🙏🏻
about the last two questions! I would say to use an Auto layout if there is a rule all the elements inside the frame need to follow or if it needs to be dynamic. ☀️
How to make responsive with this variable?
Look at that it is very effective very easy very simple than regular prototyping 😂 But problem is variables are limited to the free version to practice 😢😂
yes :/ variable prototyping is not available on the free plans ☀️🙏🏻
Hey! Thanks for the tutorial. I hope you can help me out because i just cannot understand why its not working for me. I am litteraly doing the exact same thing as you but my prototype only works one way. So if I click on the toggle button, it changes the button variant itself and the variable. BUT then I cannot go back. It stays in this mode and i cannot click it again to turn it off. So weird pls help me
Make sure to add an "on click" to that variant as well. So each variant needs an on click interaction on it. I hope that works! ☀️🙏🏻💛
How do i use toggle to change font? For example if i toggle it on, it will change to Poppins. But if i turn it off it will change back to Inter. Please help
great question! you can fake it a little so you can use a conditional -
IF toggleVariable== false { change variable font to "Poppins" }
I hope that makes sense ☀️🙏🏻
amazinggggg!!!!!!!
☀️🙏🏻
How does your toggle have a audio feedback? Is that possible in figma?
I added that in editing to help show when I’m clicking ☀️😃
cuman bisa make 4 mode sedangkan gw butuh 12 mode 😭😭😭💔
Haha yes its easy to want to get carried away with modes! ☀️🙏🏻💛
All good, but except Hindi for India... India has many language and there is no national language
The flags are just representations of countries that use the language and not the national language. ☀️
Are you Married???? 😅
I prefer not to answer personal questions 😎☀️💛
Helpful!
Thanks! ☀️🙏🏻
I'm excited about this new feature. Thanks for your well-put-together content; I enjoy your explanations. I’d love to see a tutorial on using a design system to build a design instead of starting from scratch. Most tutorials focus on creating everything from the ground up, but in real environments, we usually use existing UI elements. A tutorial showing how to effectively utilize and customize components from a design system, including tips and best practices, would be great. 🙏👍💯🪴🍀🌱🌻
Great idea! I will add it to my list ☀️🙏🏻💛