Quick tip: For the "error" that you encounter when a white text from a button that you dont want it to change to dark (black) color, you can manually select the layer that then select "change variable mode" and select "LIGHT" so it will keep those properties in dark or light mode.
@leespringer1796
4 ай бұрын
I've watched different videos on utilizing dark mode. Yours was the easiest to understand. Great work, great explanation.
@femijohn
2 ай бұрын
Awesome, thank you!
@keneanyaegbunam9325
Жыл бұрын
Really needed this. Thank you! I noticed at 14:08, you decided to break open the variable to solve your problem. I think a new variable (maybe 'btn-color') might have been more "on topic" solution. 🙏🏾
@femijohn
Жыл бұрын
Thank you so much. A lot of people will need this. 🙏
@eny_codes
Жыл бұрын
Thank you so much for this video, I have learned the concept of light mode and dark mode using variables You're one of my fave youtubers.
@femijohn
Жыл бұрын
Thank you so much 🥹😊
@akornion666
3 ай бұрын
great video, i finally understood how to use color variables. thank you!
@femijohn
2 ай бұрын
Great to hear!
@TheChefAine
Жыл бұрын
This is actually really interesting 😅. Figma did a thing here with this update for sure. Thank you for sharing ❤️❤️
@femijohn
Жыл бұрын
You’re welcome 😊❤️
@ra9r
4 ай бұрын
Well explained. Just what I needed to know. Thank you.
@femijohn
2 ай бұрын
You are welcome!
@aniebietoluwa
Жыл бұрын
Thank you for the wonderful video! Your explanations are incredibly clear and easy to follow, and I greatly appreciate it. I now feel confident enough to pass on this knowledge to someone else. 😆
@femijohn
Жыл бұрын
You’re welcome! I’m glad this was helpful. Good luck 👍🏽
@DemoShipper
5 ай бұрын
Exactly what I was looking for! thanks!
@femijohn
5 ай бұрын
Glad I could help!
@monalynnacap1060
8 ай бұрын
thank you so much! you teach it well that it's easy to understand.
@femijohn
8 ай бұрын
Glad it was helpful! You're welcome.😊
@Ms_Chu_
3 ай бұрын
Best tutorial ever. Thank you
@femijohn
2 ай бұрын
You're very welcome!
@MrJesusAmos
4 ай бұрын
Very well explained! thanks, you have a 👍like
@femijohn
2 ай бұрын
Thank you too!
@TamaraBode
Жыл бұрын
Okay, Sweet I don't have to go rack my head around how to learn this
@femijohn
Жыл бұрын
Great thanks 😊
@dhruvgroove
7 ай бұрын
Great video! The information was presented effectively and is quite helpful.
@femijohn
6 ай бұрын
Thank You
@nonsobright6496
Жыл бұрын
I thought it's was free. It comes with payment
@maiquynh7098
4 ай бұрын
You can try to upgrade to educational account. Its completely free while containing every pro feature and doesn't need to verify much
@chitturitulasiram3415
5 ай бұрын
It's great. Thanks for the video. :)
@femijohn
5 ай бұрын
Thank you too!
@flaviomasson
Жыл бұрын
Great and useful lesson, thank you!
@femijohn
Жыл бұрын
You’re welcome 🙏
@damilolajuliana6534
Жыл бұрын
This was helpful. Thank you!
@femijohn
Жыл бұрын
You’re welcome, I’m glad it was helpful
@suhanamedappa2480
Жыл бұрын
Great video! Thanks.
@femijohn
10 ай бұрын
Glad you liked it!
@NNNedlog
Жыл бұрын
Thanks for this tutorial
@femijohn
10 ай бұрын
You're welcome.
@username78657
3 ай бұрын
Great video 🎉🎉🎉
@femijohn
2 ай бұрын
Thank you 🤗
@ramazanguler6066
Жыл бұрын
Thank you for understandable good lesson
@user-st4eh2zh9n
11 ай бұрын
Thanks a lot!
@femijohn
11 ай бұрын
You’re welcome 😊🙏
@nonsobright6496
Жыл бұрын
Really helpful
@femijohn
Жыл бұрын
Glad it helped.
@brianruizy
Жыл бұрын
Thanks for the tut! But looks like adding a mode requires Premium :(
@femijohn
Жыл бұрын
Thank you 🙏 😊
@GGeeaazzyy_broo2345
Жыл бұрын
Hi, very awesome and excellent effort. I am trying to design a form after watching your a lot of tutorials please guide me I want to display input field when I click on radio button otherwise field is hide can you guide me please to complete this task?
@davidaffran7447
9 ай бұрын
a shame you cannot follow this tutorial on the free version of Figma. You need to be on a plan to use more than one mode :(
@danielalfred9982
Жыл бұрын
I just followed you on twitter sir
@femijohn
Жыл бұрын
I saw it too, thank you Daniel. I hope you found the video resourceful 😊
@danielalfred9982
Жыл бұрын
@@femijohn yea , still finding difficulty in responsive design, add beak point to it .. and about this light and dark design after creating your local variables colors , hitting the + to add new components of the light and dark do someone need upgrade?
@dawang9760
Жыл бұрын
Hello, I would like to ask, what do the gray numbers 100, 200, and 300 mean?
@dawang9760
Жыл бұрын
Is it the name of a color, or some specific value?
@femijohn
Жыл бұрын
The color name is grey. But the 100, 200 … represents a range on shades of that color 50 being light color shades and 900 being deep shades. Some css frameworks like tailwinds uses this naming conventions too.
@dawang9760
Жыл бұрын
Thank you very much for your reply@@femijohn
@reezus_
Жыл бұрын
👏🏾👏🏾👏🏾
@samsudeenafolabi
Жыл бұрын
Plot twist: a Figma update has to be learnt on KZitem 💀
@femijohn
Жыл бұрын
Well, that’s what it is. Hope you found the video helpful.😊
Пікірлер: 65