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
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...
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
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.
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
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.
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
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!
Great video Mizko, just a quick advice. maybe Display Keystrokes While Screen Recording? so we can learn more about the shortcuts you used
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.
Batch styler was amazing - love your videos.
Thank you!
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...
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
I wish I could SMASH the like button more than once! Thank you Mizko!!
I love your energy! 😎
I can see something cooking on top tab bar 😁👀. BTW, I worry about your keyboard 😂
🤣🤣
These tips are gold!💥 thanks for sharing!
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
This was so helpful. Thank you!!
I would be really interested to know what kind of hardware you work with for UX/UI design on the daily.
Thanks, did't know Quick Nesting Shortcut - so useful :)
Thank you Mizko! 🙏
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.
You rock, sir :P Gently smashed that like button :)
Thank you so so so much , but I already know them all cuz of your previous videos 👍🏻👍🏻🇮🇳😁😁
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
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!
Can We use Space between for avatar overlap in auto layout?
great tutorial. always love your video~
Hey @Mizko could u plz tell me how u go about deciding percentage for the Type tracking
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.
🔥🔥 👌🏻👌🏻 OMG 👌🏻👌🏻 🔥🔥
I wish i saw something like 3D transform in figma.
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
First here 😁😁
DAMN! That was fast!
Why so complicated? There is easier way...
zhsvd2
#von.ong