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