Prototyping Interactive Dark/Light Mode in Figma

  Рет қаралды 3,725

Gal Barzilay

Gal Barzilay

Күн бұрын

Пікірлер
@saheelsapovadia2354
@saheelsapovadia2354 2 жыл бұрын
Please create something for beginners like how to start App design.
@LifeOfGal
@LifeOfGal 2 жыл бұрын
Thanks for the great suggestion Saheel! I’ll add it to my video list 🙏🏼
@rieleyhill1253
@rieleyhill1253 Жыл бұрын
Would love a tutorial on how you create the mockup of the phone with the prototype recording on it. Can't figure out how to do that for the life of me.
@LifeOfGal
@LifeOfGal Жыл бұрын
My friend this is in the world of video editing and video animation. Would you like to see FCPX and After Effects tutorials?
@rieleyhill1253
@rieleyhill1253 Жыл бұрын
@@LifeOfGal Wherever you did the render at 5:40, I wanna learn! Never done motion before but would love to give it a shot!
@LifeOfGal
@LifeOfGal Жыл бұрын
@@rieleyhill1253 The sum up cost of the SW I use to create this is a about $600. That’s why I don’t think it’s worth teaching. But hey if more and more people will want to learn anyway I would definitely do a tutorial on the subject 👍
@ravimadhusanka
@ravimadhusanka 2 жыл бұрын
Thank you Gal! Your videos are very insightfull 🙌❤️
@brianchristensen9319
@brianchristensen9319 Жыл бұрын
This is basically another smart animate transition. What is really needed is a set mode feature that allows this transition to happen independently of the flow so the user can switch it anywhere they are in a flow.
@sarahigbinosa3004
@sarahigbinosa3004 2 жыл бұрын
Thank you so much for the tutorial.At 3:50, you skipped how you added the effect. Can you please write how you added the effect?
@LifeOfGal
@LifeOfGal 2 жыл бұрын
Hi Sarah, thank you 🙏 I added 2 shadows. One from the top left of the button with a lighter shade and one from the bottom right with darker shade.
@MuzamilKhan-rl2sh
@MuzamilKhan-rl2sh 2 жыл бұрын
Awesome one suggestion please start the series of animation tutorials like more advanced I loved your content 🔥🔥🔥
@LifeOfGal
@LifeOfGal 2 жыл бұрын
On the list 👌
@mrdey2733
@mrdey2733 2 жыл бұрын
Gal...Hi Good Morning as you already received lots of comments on making a series of advance animantion and doing crazy stuff.......So its time buddy. We all are waiting to learn form you and grow with you. Lots of Love from INDIA ❤
@MoriaMac
@MoriaMac 2 жыл бұрын
Great!!! ☺️
@9shad.
@9shad. 2 жыл бұрын
Your Videos are really great and boosters to create Great Designs Sir.. And can You please make an Video on Main Things like BEST(Text and Color)Figma Plugins. 'Cause they're Mandatory things to start a Design. Thank You..
@LifeOfGal
@LifeOfGal 2 жыл бұрын
Hi Shaik, thanks for the comment! I have a video on my top 5 Figma plug-ins you can watch it on my channel
@pietroayamuang9904
@pietroayamuang9904 2 жыл бұрын
Great, as usual!! 😄 I have a question in general, what do you think about vertical rhythm? Would it be good for a beginner to follow an 8 px grid to place text, buttons and other elements? Can you share sone tips? 😄 also, a video about this topic would be awesome in my opinion. Thanks!!
@LifeOfGal
@LifeOfGal 2 жыл бұрын
Thank you Pietro! I agree! This type of video is on my list 😉
@pietroayamuang9904
@pietroayamuang9904 2 жыл бұрын
@@LifeOfGal Thank you, can’t wait!! 😄
@mrdey2733
@mrdey2733 2 жыл бұрын
Also also also......one more help I'm asking for A full website using components......simple/advance animation and yes using AUTO-LAYOUT make a series or make a single video whatever but Gal do that. ITS A R E Q U E S T
@LifeOfGal
@LifeOfGal 2 жыл бұрын
Full website design in on the my list man ✌🏻 😊
@hassaniie99
@hassaniie99 2 жыл бұрын
Loved it, altho I just couldn't rotate the light icon somehow even after rotating it by -90.
@sizzleishola_phynest3288
@sizzleishola_phynest3288 Жыл бұрын
This is nice, but what if you have to navigate from one of the two screens to other screens that has a different screen mode(Day/Night)??? Because this is much functional as a interaction between just two screen. A response would be nice
@LifeOfGal
@LifeOfGal Жыл бұрын
That’s why the button is in the header. So it will be available for you no matter in which screen you are on. But that’s not the point of the video my friend.
@shurelatanha7462
@shurelatanha7462 Жыл бұрын
Amazing. very lucrative
@clotildadaniels6453
@clotildadaniels6453 Жыл бұрын
How can I preview my designs on mock-ups and post while playing or interacting 😢 Love the video 🎉
@LifeOfGal
@LifeOfGal Жыл бұрын
Screen record it
@clotildadaniels6453
@clotildadaniels6453 Жыл бұрын
@@LifeOfGal thanks… another question where can I get this beautiful mock-ups to post for my notion portfolio.., can I send a link for review??? 👀👀👀
@joepatbob
@joepatbob 6 ай бұрын
great video, but those card corners are killing me
@fefe22
@fefe22 7 ай бұрын
Hey! Thanks for the video! So much helpful. I have a question... I want to put that switch into an open overlay menu (web). But, if I press the toggle switch, it only changes the menu color... I tried to link the switch into the menu with the other color and the frame content but It appears a message that I can't. How can I do that?
Figma NEW Component Properties & Variant’s Tutorial
8:25
Gal Barzilay
Рет қаралды 2,3 М.
Wednesday VS Enid: Who is The Best Mommy? #shorts
0:14
Troom Oki Toki
Рет қаралды 50 МЛН
-5+3은 뭔가요? 📚 #shorts
0:19
5 분 Tricks
Рет қаралды 13 МЛН
This Figma plug-in will take your prototyping to the NEXT LEVEL!
5:38
Create an Interactive Dark Mode / Light Mode UI in Figma
18:51
DesignCourse
Рет қаралды 41 М.
Figma - Dark Mode Prototyping (Full App)
3:43
AlexTheUiGuy
Рет қаралды 1 М.
Figma Auto Layout: Responsive UI Card Design
8:56
Gal Barzilay
Рет қаралды 14 М.
Chinese app design: weird, but it works. Here's why
10:51
Phoebe Yu
Рет қаралды 654 М.
Dynamic Mode Switching in Figma Prototypes with Variables
24:35
FIGMA PROTOTYPING BREAKDOWN | Peter McKinnon App
9:05
Gal Barzilay
Рет қаралды 1,7 М.
Wednesday VS Enid: Who is The Best Mommy? #shorts
0:14
Troom Oki Toki
Рет қаралды 50 МЛН