2:50 you know your videos are just so great. I searched and watched several Figma tutorials but couldn't find the one clear and fit for me. But Tim you are amazing 💜 I'm leaving this comment here
God damn you're so up to the point with the most effective methods (not limited to 1 but how many available) & then explaining things with example like a child play, Man, I'm really starting to love your videos. This is the 2nd one watching & already subscribed. Keep up the good work mate! 🥰🥰
Likewise...I have to say these videos are great mate. I very rarely subscribe to any such videos, but I'm finding them really useful and easy to follow. Subscribed! Go Timbo!!!
Your tutorials are incredibly engaging and dangerously captivating at the same time 😉🤣. Every time I start one just to learn a small technique, I find myself half an hour later still engrossed in your videos, because each one is so well explained and extremely valuable. Can't wait to check out your Framer course! It will definitely be worth the money!
bro ur utube channel is lit i don t like videos on utube because that s how i mark videos to watch later but hell bro u desreve it it s simple short precise and straight to the point with showing xactly the examples of the direct application of the techniques u use
Arij, this means a lot!! thank you so much. appreciate the really thorough comment as well. take care for now, hope I can continue providing you with helpful stuff 🤩
Obrigada! Não sei ler e nem falar inglês, mas consegui entender e foi o vídeo que me salvou. Já tinha visto outros em português mas não havia explicado o que eu precisava! Obrigada, obrigada! Deixo aqui uma sugestão para legendas em português, teria um ótimo alcance e mais visualizações.
Thanks for showing how the tool works. One thing maybe you can add in you video that would help is to have short displayed at the bottom when ever you use them in the video. Not for everything but at least for the main context that you are presenting. It would help even more. Thanks again for making these video. I think they are the best I have seen so far on figma.
@@TimGabe Thanks for the response Tim. Sorry I made a typo. I meant to say that you could display Short Cuts at the bottom of the screen when you use them in videos. But later I saw some of your videos had them already so probably the one that didn't have were the old ones. Thanks :)
I was struglling with masking before this. Thank you!! What cool examples/tutorials too! Some other recent uncertainties I'm having around UI design are: - How do experienced designers align text? Do they still use different-sized squares or is there a way to format the text for better alignment? - When designing hi-fi mockups do designers design the whole page or just what can be seen above the fold? For a recent UI challenge I designed only one screen but when placing it inside an iphone mockup I ended up using 4 different iphone shots to show off the entire page. 😳 I'm assuimg that for a real project you wireframe/mockup the entire page, but for dribbble shots or for sharing online, is it okay to just design above the fold? Anyways, just some UI questions I'm wondeirng about. Thanks for all your informative videos!!
happy you found it useful 😃 1) text containers will be determined by the line height and the width of the text, but if you put two text fields into an auto layout you can use the “text base alignment” feature in the “…” menu in the auto layout settings to align them 👌 2) you would usually create either a prototype or just have the full page to show when showing a client (without the mock-up). dribbble shots and visual presentations are more free and up to you! ☺️
dont know why the styled png masking is not working while I am trying to do it as it is, firstly I was doing mistake of not selecting the png which i want to mask below the image but after doing it still unable to bring out that effect that looks dope! can someone help me
Hey hey! I'm a year late to this tutorial, but it's super helpful, thank you! Do you have a tutorial on the hover effect using masks? For example, you have two images of the same thing, but one is black/white, and the other is colored, and when you hover over the black/white image, the colored version is revealed as you mouse over the image. Does that make sense?
2:50 you know your videos are just so great. I searched and watched several Figma tutorials but couldn't find the one clear and fit for me. But Tim you are amazing 💜 I'm leaving this comment here
this is such a nice comment. thank you so much 🙌☺️ really glad you found it helpful! 💜
Seriously best teacher on youtube I would pay for more classes
that’s just… so surreal to hear. would have never expected comments like this when I started the channel 😳🤩
Agreed!
The way that you made this so easy to understand...WOW! I cannot thank you enough!
That's soooo sick! This is the first time I know how to use figma mask correctly and It's really fun! Thank you so much Tim!!!!
ahh, that's great to hear. happy i could be of help! 😃
Love the 4 minute format, fast & sweet!
oh, short & sweet is the saying
@@workmail1 hahaha, whatever the saying is I LOVE that you love it ❤️ thanks Alfred, my friend!!
The most important thing is that it is not only fast and sweet, is also informative ^_^ THX Tim Gabe!
@@vlasiucion7002 Vlasiuc, thank you so much for continuing to support 🥳 really means a lot!!
I'm learning Figma with your videos. Your contents are great. Thank you.
happy that I can assist on your design journey, Hasim 🤩🙌
Hey Tim! I just want to say, your videos & channel deserve more views and you're a real g for sharing this!
Charles, that is so appreciated. thank you so much for the kind words 🙌🙏🤩
you quick videos are literally saving my final project lmao tysm man
that's amazing to hear!!
mask is simple and you are making it more easier for viewers, im complementing it with official figma videos
that’s so nice to hear. thanks, my friend!!
4 minutes are optimal.
Very thankful you explain things that I do sometimes, but I understand it more somehow then.
Cheers!
grateful for your feedback and so happy that it was helpful, Jonathan 🥳🙏
God damn you're so up to the point with the most effective methods (not limited to 1 but how many available) & then explaining things with example like a child play, Man, I'm really starting to love your videos. This is the 2nd one watching & already subscribed. Keep up the good work mate! 🥰🥰
thanks a lot my friend 🙏
thank you for the big help. i wish this video gets to as many people who are learning figma.
that's such a nice comment, thank you!!
Your tutorials are fantastic, thank you for making figma so easy to understand!
that's so cool of you to say. thank you!
Likewise...I have to say these videos are great mate. I very rarely subscribe to any such videos, but I'm finding them really useful and easy to follow. Subscribed! Go Timbo!!!
that's such a great compliment! thanks lee!!
Your tutorials are incredibly engaging and dangerously captivating at the same time 😉🤣. Every time I start one just to learn a small technique, I find myself half an hour later still engrossed in your videos, because each one is so well explained and extremely valuable. Can't wait to check out your Framer course! It will definitely be worth the money!
You have revealed so much, many thanks! You've earned my subscription 😀
thank you, happy to have you as a subscriber! 😃
mehn, i love your videos, its amazing bro, a shout out from Nigeria!
that’s so cool to hear, Chinedu. thank you so much my friend 😃
Wow this was amazing! I've watched so many masking tutorials and I just NOW get it! Why is everyone making it so complicated!
yeap it has worked thanks man....i have picked insight from yuor video and because of that i gave you a like and a subscribe
really appreciate it, friend!
bro
ur utube channel is lit
i don t like videos on utube because that s how i mark videos to watch later
but hell bro u desreve it
it s simple short precise and straight to the point
with showing xactly the examples of the direct application of the techniques u use
Arij, this means a lot!! thank you so much. appreciate the really thorough comment as well. take care for now, hope I can continue providing you with helpful stuff 🤩
You're such a good tutor. Cheers! You just gained a new subscriber😊
appreciate that, sincerely!!
Lucky to stumble upon your channel, great content. Keep it up mate
happy you found me! 😃
Obrigada! Não sei ler e nem falar inglês, mas consegui entender e foi o vídeo que me salvou. Já tinha visto outros em português mas não havia explicado o que eu precisava! Obrigada, obrigada! Deixo aqui uma sugestão para legendas em português, teria um ótimo alcance e mais visualizações.
2:43 wow!! this really worked on me, anyway you are making nice videos. Thankyou❤
haha, the old trick!! thanks for being nice enough to act on it, my friend 💜
@@TimGabe aw my pleasure ❤️
Thanks for showing how the tool works. One thing maybe you can add in you video that would help is to have short displayed at the bottom when ever you use them in the video. Not for everything but at least for the main context that you are presenting. It would help even more. Thanks again for making these video. I think they are the best I have seen so far on figma.
so happy that you like the tutorials, Zain! thanks a lot for being so supportive 😃
what kind of short description/label are you thinking?
@@TimGabe Thanks for the response Tim. Sorry I made a typo. I meant to say that you could display Short Cuts at the bottom of the screen when you use them in videos. But later I saw some of your videos had them already so probably the one that didn't have were the old ones. Thanks :)
dude this is so useful!
happy you liked it!! 😃
I was struglling with masking before this. Thank you!! What cool examples/tutorials too!
Some other recent uncertainties I'm having around UI design are:
- How do experienced designers align text? Do they still use different-sized squares or is there a way to format the text for better alignment?
- When designing hi-fi mockups do designers design the whole page or just what can be seen above the fold? For a recent UI challenge I designed only one screen but when placing it inside an iphone mockup I ended up using 4 different iphone shots to show off the entire page. 😳 I'm assuimg that for a real project you wireframe/mockup the entire page, but for dribbble shots or for sharing online, is it okay to just design above the fold? Anyways, just some UI questions I'm wondeirng about. Thanks for all your informative videos!!
happy you found it useful 😃
1) text containers will be determined by the line height and the width of the text, but if you put two text fields into an auto layout you can use the “text base alignment” feature in the “…” menu in the auto layout settings to align them 👌
2) you would usually create either a prototype or just have the full page to show when showing a client (without the mock-up). dribbble shots and visual presentations are more free and up to you! ☺️
@@TimGabe This was really helpful. Thanks for taking the time to answer my questions!
This was a great video......u shared lots of imp points in brief....loved it
glad you liked it Oshin! ☺️🙌
Great vid bro! make it easy to understand specially for a new rookie like me hahah
that's great to hear, my friend!
thanks for uploading this amazing video! I purposely paused the video just to give you a like and sub!
Your videos are really great. you explain so beautifully !! Thanks for your resources.
that’s amazing to hear, Tanmay! thanks a lot 🤩👌
Loved every minute of it.
Thanks, Tim!
thank you so much for this kind comment, Iyamu! 🤩
Commenting :)
I like your videos! Great length also :) Thanks!
thanks a lot, my friend!!
Cool explanations. thanks.
appreciate it Mehmet!! have a great day 🙏
I love your Presentation for teach us. Nice Video 👍
thank you so much Jay 😃🙏
really helpful, thanks alot
that’s awesome, Ellie! thanks 🙏🙏
Stranger things tutorial waiting for that 😎
it's brewing!! thanks for commenting, Abhishek 🥳🙏
Your Videos are great, Thanks Tim🤩
thank you for the support, Roshanak! 🤩
Good and ez learning videos
thanks for making them
happy you liked it, Ali 🤩🙏
Cool, thanks!)
thanks a lot Anastasiya! 🥳
THANKS YOU SO MUCH BRO
my pleasure, my friend!! 🥳🤩
Amazing well Explained man!
happy you liked it, Daniyal 😃
as I've said...your a baaaddd man! 💯
haha, thaaanks Satoshi!!
Thank you Tim!
Danny, I’m the one to thank you for engaging with the content!! thanks man 🙏🤩
Thank you, man. 👊👊👊
thank you for the comment, Renato 🥳🙏
no need to long.. I will definitely sub and like haha
awesome tips
thank you my friend 🙏
Thank you for such a great content.
so glad that it provides value ☺️🥳
Amazing help! Thank you sir.
here's the Figma file if you want to follow along 🤩:
www.figma.com/file/ogrN5kzX25tfsoCOyAPfqM/Figma-Masking?node-id=0%3A1
Thanks fo this
super Cool video
thank you, internet friend!!
super bro i really like it you explanation
Nice one
thanks a lot, my friend! 😃
Awesome!
happy you like it!! 😃🥳🙌
commenting 'cause u made me laugh hahaha
haha, thanks!!
his personality when he imagines us commenting got me to hit the like button
Im an old school Photoshop user LMAO , thank you for quick tutorials
Respect !👍
respect right back at you!
Nice information
Thankyouuu very muchhh🫂
happy to be of service! 😀
finally I get it 😀
that's so cool to hear, Christian!!
🙌🔥
🥳🙏🤩
So simple!
thanks for videos
How do I keep only the image after without all of the layers after creating the mask
If you have an image already on your figma canvas, is there a way to make that a fill without saving it to an outside folder?
you can copy the image in the right sidebar (by highlighting it and copy it), then you can choose a fill and just paste it!
awsmmm
thanks a lot!!
Thanks
dont know why the styled png masking is not working while I am trying to do it as it is, firstly I was doing mistake of not selecting the png which i want to mask below the image but after doing it still unable to bring out that effect that looks dope! can someone help me
I think it's very odd the mask does not keep its color and you have to add another layer in between.
can’t have it all 🥲
Hey hey! I'm a year late to this tutorial, but it's super helpful, thank you! Do you have a tutorial on the hover effect using masks? For example, you have two images of the same thing, but one is black/white, and the other is colored, and when you hover over the black/white image, the colored version is revealed as you mouse over the image. Does that make sense?
i think you could do that by just layering the images and using opacity! 😃
♥
💜
Commented😂
HOW DO YOU GET THE TEXT TEMPLATE?
not sure what you mean, my friend?
I'm commenting for no reason. Thanks, you interrupted.😁
appreciate the comment nonetheless 🤩🙏
Comment for alg
Very useful information...thank you very much....Deeply appreciated!
COMMENT
thank you!!
sehr süß u R
i don't know what that is, but i dig it!!
You are very cute@@TimGabe