You explained everything perfectly! It's great that you mentioned that it's not a good idea to, for example, take ALL of your whites and convert them to to black in dark mode because there are instances when you might want to have white text on both modes. You really covered everything, thank you.
I'm from Ghana and I just subscribed to your channel. I don't normally do that to new channels but your style of presenting the design process alone is crazy bro! Kudos👊🏻👊🏻
Yes, but you have make it as component. E.g. Make light mode card as master component and make dark mode as a variant, then rename your dark mode card layer name to "Dark mode = True" and "Dark mode = False" for light mode card. You should see the toggle button once you use the component instance
I've a question here. I'm beginner to figma, i just want to know that how i can link this dark and light mode to a switch that appears on some websites? Anyone?
Create two frames for the switch (one that has white background and any color of the switch, maybe green and the second grey background with white circle for switch). You’ll then animate them using prototype. Interaction would be on drag, such that when you drag it from the light frame, it switches to the dark frame and vice versa.
This a very buggy feature. Sometime it works, sometimes it don't. The issue is almost always the transition between frames and if the frames detect what mode it's in. Very often no change is applied when moving things between mode frames. Variables have many other issues as well, it's very risky to trust this thing in a real project 😱
You explained everything perfectly! It's great that you mentioned that it's not a good idea to, for example, take ALL of your whites and convert them to to black in dark mode because there are instances when you might want to have white text on both modes. You really covered everything, thank you.
Thank you so much for your comment. I'm glad you liked it!
I'm from Ghana and I just subscribed to your channel. I don't normally do that to new channels but your style of presenting the design process alone is crazy bro!
Kudos👊🏻👊🏻
Lifesaver! Thank you 🎉
Thank you so much! This is very useful
Bro I have subscribed because you did something amazing. Make more of this.
Thank you, I will
very useful, thank bro for your effort to make this tutorial... :)
you made it very easy bro, way to go :)
Very useful, and easy way to do. thanks bro
Love you man
it's useful for me, thanks
Glad to hear that
Thank You!
really really useful for me, thanks a lot
You are welcome!
Thank you dude
Nice tutorial, very useful, but i missed the part when you explain how to prototype it. Do it have buttons to the modes?
Hi there, is it possible to add a toggle button to activate the dark-mode and to go back to light-mode?
Yes, but you have make it as component. E.g. Make light mode card as master component and make dark mode as a variant, then rename your dark mode card layer name to "Dark mode = True" and "Dark mode = False" for light mode card. You should see the toggle button once you use the component instance
How to create that slider animation to differentiate dark and light UI. which you shown in this video thumbnail
Nice! Can you please add toggle switch to change dark/light mode?
Thank you. This was well detailed. However, I am unable to create new mode. Does that mean I have to pay to be able to use that feature?
Is it possible to link it to a button?
I've a question here. I'm beginner to figma, i just want to know that how i can link this dark and light mode to a switch that appears on some websites? Anyone?
Create two frames for the switch (one that has white background and any color of the switch, maybe green and the second grey background with white circle for switch). You’ll then animate them using prototype. Interaction would be on drag, such that when you drag it from the light frame, it switches to the dark frame and vice versa.
@@peteroguntola8760 Ahh Thank You soo much. I'm gonna try it.
This a very buggy feature. Sometime it works, sometimes it don't. The issue is almost always the transition between frames and if the frames detect what mode it's in. Very often no change is applied when moving things between mode frames. Variables have many other issues as well, it's very risky to trust this thing in a real project 😱
Having new mode of variable is premium unfortunately
Unfortunately now its a paid feature
yeah i just realised that after trying :(