Thank you to the 1,200+ students that have taken on my Figma Masterclass! If you want to learn real world practices to master Figma 👉 thedesignership.com/courses/the-ultimate-figma-masterclass/ Yours truly, Mizko
Here's another cool stacked Avatar auto-layout idea: if you make those frame auto layout and then switch to spaced between you'll be able to modify spacing simply by dragging the container
The tool tip tip could have been done a little easier using constraints. Create a frame for the tool tip to sit in. Align it to the right and then set the constraint to be pinned to the right. Then just change the size of the frame till it has enough padding.
Hey Mizko a tip for the next video: A lot has changed since you made this video. For example creating a component set with already defined properties in layers name (divided by slash), content stacking and negative auto layout, and many more...
Do you know why sometimes when I key in the number list as text input, there's padding before the number, and I do not know how to remove it? But some of the numbered lists do not have the padding.
Thanks Mizko! I was inspired by this and made something similar. Instead of using a line above the tip I just use the padding around the tip as a buffer. One thing that also hung me up was after creating the tip, I need to click "outline stroke" to remove extra padding that the polygon creates. Otherwise the polygon has an awkward gap
For 3.tip its actually easier without auto layout(just fixing constrains to bottom) unless you want add other content to same place. Thats why we love auto layout right
is there a way to auto arrange an item like from left to the right then got to bottom when the there's not enough space to the right? i mean like, let say we have have 5 card with auto lay out horizontally, is it possible for for auto lay out to auto arrange the six card to the bottom when there's not enough space if the six card to be put on the right?
Thank you to the 1,200+ students that have taken on my Figma Masterclass! If you want to learn real world practices to master Figma 👉 thedesignership.com/courses/the-ultimate-figma-masterclass/
Yours truly,
Mizko
This was so helpful. Thank you!!
Great video Mizko, just a quick advice. maybe Display Keystrokes While Screen Recording? so we can learn more about the shortcuts you used
Here's another cool stacked Avatar auto-layout idea: if you make those frame auto layout and then switch to spaced between you'll be able to modify spacing simply by dragging the container
Of course, that way is so much easier.
This is my preferred method too
If you are not necessarily using autolayout, groups is the way to go since you can set the distance between elements to be negative.
Good tip!
The tool tip tip could have been done a little easier using constraints. Create a frame for the tool tip to sit in. Align it to the right and then set the constraint to be pinned to the right. Then just change the size of the frame till it has enough padding.
Great tips as usual 🙌
Another way to make the tooltip variant with a left/right tip would be to use padding to control the spacing of the tip.
I can see something cooking on top tab bar 😁👀. BTW, I worry about your keyboard 😂
🤣🤣
Hey Mizko a tip for the next video: A lot has changed since you made this video. For example creating a component set with already defined properties in layers name (divided by slash), content stacking and negative auto layout, and many more...
I would be really interested to know what kind of hardware you work with for UX/UI design on the daily.
I wish i saw something like 3D transform in figma.
I wish I could SMASH the like button more than once! Thank you Mizko!!
Batch styler was amazing - love your videos.
Thank you!
First here 😁😁
DAMN! That was fast!
Can We use Space between for avatar overlap in auto layout?
🔥🔥 👌🏻👌🏻 OMG 👌🏻👌🏻 🔥🔥
Do you create your own GIF's for the loading screen? If so, where do you like to create them? Also, thanks for all the videos!
I love your energy! 😎
Do you know why sometimes when I key in the number list as text input, there's padding before the number, and I do not know how to remove it? But some of the numbered lists do not have the padding.
Hey @Mizko could u plz tell me how u go about deciding percentage for the Type tracking
Thank you so so so much , but I already know them all cuz of your previous videos 👍🏻👍🏻🇮🇳😁😁
Thanks Mizko! I was inspired by this and made something similar. Instead of using a line above the tip I just use the padding around the tip as a buffer. One thing that also hung me up was after creating the tip, I need to click "outline stroke" to remove extra padding that the polygon creates. Otherwise the polygon has an awkward gap
Thanks, did't know Quick Nesting Shortcut - so useful :)
For 3.tip its actually easier without auto layout(just fixing constrains to bottom) unless you want add other content to same place. Thats why we love auto layout right
You can just add a 10px left and/or right margin in the fill-width container for the tip of the tooltip to achieve the same result
Why so complicated? There is easier way...
You rock, sir :P Gently smashed that like button :)
These tips are gold!💥 thanks for sharing!
great tutorial. always love your video~
Thank you Mizko! 🙏
is there a way to auto arrange an item like from left to the right then got to bottom when the there's not enough space to the right? i mean like, let say we have have 5 card with auto lay out horizontally, is it possible for for auto lay out to auto arrange the six card to the bottom when there's not enough space if the six card to be put on the right?
You mean a item wrapping? No that’s not possible yet unfortunately
zhsvd2
#von.ong