I feel at the early stages of learning this tutorial really helped, as I was getting confused between the difference between Frames, rectangles and auto-layouts
trust me I am watching a lot of video about how to use constrains, auto layout and some small things about figma. With your video I found answer to all my questions. Although your main message was for something else and out of curiosity i watched it and now I have really learned a lot of things about it. Thanks a ton.
You are very good at explaining concepts with demonstrations. I couldn't find a better explanation than this regarding Frames, Groups, and Rectangles. Thank you so much for making this video :)
very nicely explained. i was very very confused and could not make the auto layout . gotta lots n lots of clarity now from this video. keep posting these kinda small informative videos. Really Helpful
for people who code, should i design in figma the way i would setup in CSS code ? like container with min and max width and flexbox.. i just need to get used to figma and as long as reach result ok ?
If you're working for a firm, depends how they use Figma in practice. You can do it that way, but it can be time intensive to set up. Otherwise you can just treat Figma as a communication tool to communicate your designs to developers.
17:39 - Oh!!! After you have changed the frame size and then you are changing the Text position and auto-layout settings... #Xcode auto layout will freak out. 😂
Thanks. Do you use a frame or a rectangle for a placeholder for an image like a profile image or an image of a card element? I usually use a frame but I also see many designers use a rectangle for a placeholder for an image, so I wanted to double check what's considered as a good practice.
tl;dr - frame ---- As you can't embed anything into a rectangle - sometimes people use rectangles as images to avoid things accidentally going into frame layers. This is more a personal annoyance thing. I personally always like to use frames because if i want to embed something into it later, like a save/heart icon in the corner, i can place it precisely. I like to keep the options open - and its not any extra effort building it as a frame compared to rectangle so why not?
Great question - I would say rectangles are more of a vector element to create shapes. for example if you wanted to create an icon, you would use the rectangle tool. Also if you don't want objects to constantly get 'nested' because you're using frames - for example when you want to quickly make low-fidelity wireframes, you might opt to use rectangles. Totally dependent on your workflow.
Video length for viewers is really personal preference. If you're trying to do well on this platform, the goal is to maximize audience retention and watch time. Personally, I'd gladly watch a long video like this as long as you get straight to the point and offer content that is very interesting/helpful. This video was very helpful to me. My feedback: you do seem to talk more slowly, which is fine. Just be aware that some viewers tend to prefer to listen to things quickly. In my case, I just increase the playback speed :) Great work and great content!
I think you explain things clearly and understandably. I really love your video. You saved a lot of my time. Thank you so much.
Thank you so much! Really appreciate the feedback and glad it was useful for you!
I feel at the early stages of learning this tutorial really helped, as I was getting confused between the difference between Frames, rectangles and auto-layouts
I loved this video. I've seen it twice and I get into a zen state when watching it! Claaaaaaaarity!
thanks for the feedback!
This was excellent. Thank you so much!
Glad it was helpful!
Thank you for making this video and it great helpful for all ❤💛💥
trust me I am watching a lot of video about how to use constrains, auto layout and some small things about figma. With your video I found answer to all my questions. Although your main message was for something else and out of curiosity i watched it and now I have really learned a lot of things about it. Thanks a ton.
no dramas - really appreciate your comment and glad it was helpful.
Awesome video, thank you for carefully going over all these features. I learned so much!
You are very good at explaining concepts with demonstrations. I couldn't find a better explanation than this regarding Frames, Groups, and Rectangles. Thank you so much for making this video :)
You're very welcome! All the best in your design journey!
Very good video thank you!!
fantastic tutorial mate......learn't so much about Frames v Rectangles.....Just starting out using figma.
Amazing tutorial, i was literally searching something like this from a long ago and you just cleared my biggest huddle from my ui ux journey...
You're welcome! So much more to learn, so keep going 💪
Super helpful the way you explain everything really clearly! There's a lot of tips here that I didn't really find on other Figma tutorials
Really one of the best content....love from Bangladesh
thank you for sharing...this is very handy for someone like myself who wants to be efficient and organized
Thank you so much! A super clear lesson and you have made it easy for everyone to understand.
I am so glad to hear it was helpful to you! All the best in your Figma journey!
this was VERY helpful - thank you for sharing your experience with us!
The most informative video on this topic I've seen.Thanks.
Just subbed... will check out your other vids soon. :)
very helpful, thank you!
Glad it was helpful!
Excellent
Thanks
very nicely explained. i was very very confused and could not make the auto layout . gotta lots n lots of clarity now from this video. keep posting these kinda small informative videos. Really Helpful
Glad it was useful - and appreciate the feedback
This was SUCH a helpful tutorial, thank you! Do you have any content that goes more into using auto-layout? :)
This is one of the most informative educative video on Figma
Thanks so much …very educating
Awesome tutorial, thank you :) I wasn't sure how exactly to use frames best, but this put a lot into perspective. Live and learn :)
Thank you so much for this content, the step by step explanations were really useful since I'm still getting acclimated to Figma!
perfect
🥰
thank you :)
Useful lesson.Thank you.
Thank you so much , that was helpful. I appreciate that you spoke slowly at the important steps. That made it really easy to follow!
Glad it was helpful!
Awesome explanation. Thanks :)
You are welcome!
Great 👍
I started with rectangle, glad I stumbled on this video…nice explanation but a bit blurry video
glad to hear! not sure how to bump up screen recording quality unfortunately. unless you watch it in HD.
Thanks a lot! Really cleared things up! And good tips too!
i will never use rectangles again after this video, thanks ligma! i slapped like as fast as possible
to summurize is use rectangle if you waht to make funn shape otherwise FRAME
Practically yes!
Very helpful, good tutorial 👍
This is quality tutorial
Wow man really gr8 vedio , did a course on udemy and learned neww things here awesome
Great tutorial thank you!
Thank you. Greate content. Would be grwate to see more ux ui stuff on your channel. 😉😉
Awesome! Thanks for the feedback. Will definitely do that :)
Thank you ❤️
for people who code, should i design in figma the way i would setup in CSS code ? like container with min and max width and flexbox.. i just need to get used to figma and as long as reach result ok ?
If you're working for a firm, depends how they use Figma in practice. You can do it that way, but it can be time intensive to set up. Otherwise you can just treat Figma as a communication tool to communicate your designs to developers.
if your video sound could be raise a little its more helped to learner
thanks for the feedback - had no idea what i was doing at the start, i had notice this and have attempted to fix it in my later videos
@@thejunboy thanks for acknowledgement 🙂
17:39 - Oh!!! After you have changed the frame size and then you are changing the Text position and auto-layout settings... #Xcode auto layout will freak out. 😂
Thanks. Do you use a frame or a rectangle for a placeholder for an image like a profile image or an image of a card element? I usually use a frame but I also see many designers use a rectangle for a placeholder for an image, so I wanted to double check what's considered as a good practice.
tl;dr - frame
----
As you can't embed anything into a rectangle - sometimes people use rectangles as images to avoid things accidentally going into frame layers. This is more a personal annoyance thing.
I personally always like to use frames because if i want to embed something into it later, like a save/heart icon in the corner, i can place it precisely.
I like to keep the options open - and its not any extra effort building it as a frame compared to rectangle so why not?
@@thejunboy Thanks for the clarification. I had a self doubt moment lol. Keep up the good work! 👍
why do they even have rectangles if you're not supposed to use them?
Great question - I would say rectangles are more of a vector element to create shapes. for example if you wanted to create an icon, you would use the rectangle tool. Also if you don't want objects to constantly get 'nested' because you're using frames - for example when you want to quickly make low-fidelity wireframes, you might opt to use rectangles. Totally dependent on your workflow.
Great content, I would recommend to avoid lengthy videos
Thanks for the feedback! I will make more short form content
Video length for viewers is really personal preference. If you're trying to do well on this platform, the goal is to maximize audience retention and watch time.
Personally, I'd gladly watch a long video like this as long as you get straight to the point and offer content that is very interesting/helpful. This video was very helpful to me.
My feedback: you do seem to talk more slowly, which is fine. Just be aware that some viewers tend to prefer to listen to things quickly. In my case, I just increase the playback speed :) Great work and great content!
I actually love lengthy videos so?
Thanks @thejunboy Really useful information.