Coming from Sketch App: Thats crazy. The "Anima Plugin" for Sketch is doing the exact same thing for (almost) years now. But it makes problem with uploading at InVision. InVision even stopped supporting Anima "Because Anima performs many manipulations on the canvas". So I turned of Anima and it feels like falling back to 2015. Since that day I was thinking about to switch to Figma. And then I saw this video...
Thanks for the presentation! Nice. But how does auto layout work with the chips (text label + icon right) from google material? Example. the label has a distance of 12px on the left, the close icon on the right has a distance of 8px. Thanks
Michael Schultze Thank you for watching! For that example you’d want to using nesting. For example: Make the label and the close icon a frame with auto layout and 8px as the object gap. Then make the main container be an auto layout frame using 12 px as the padding. There are a few edge cases where nesting still won’t fix your issue, but usually that’s because we forget about the already existing responsive anchor controls!
This feature is frustrating and seems totally pointless in the wild for anything except lists or tables. The fact that is seems completely divorced from the existing frame / constraint workflow is maddening. Anything I'm using autolayout for instantly becomes unresponsive.
Great video, the best about Auto Layaout I have seen yet! Thanks
Coming from Sketch App: Thats crazy. The "Anima Plugin" for Sketch is doing the exact same thing for (almost) years now. But it makes problem with uploading at InVision. InVision even stopped supporting Anima "Because Anima performs many manipulations on the canvas". So I turned of Anima and it feels like falling back to 2015. Since that day I was thinking about to switch to Figma. And then I saw this video...
Thnks!!! Your video was simple and great!
This is Awesome!!
thanks
I love this ❤️
Thanks a lot pro
Thanks for the presentation! Nice. But how does auto layout work with the chips (text label + icon right) from google material?
Example. the label has a distance of 12px on the left, the close icon on the right has a distance of 8px. Thanks
Michael Schultze Thank you for watching! For that example you’d want to using nesting. For example: Make the label and the close icon a frame with auto layout and 8px as the object gap. Then make the main container be an auto layout frame using 12 px as the padding. There are a few edge cases where nesting still won’t fix your issue, but usually that’s because we forget about the already existing responsive anchor controls!
@@MaxMcKinney Thanks a lot! But it's not 12 left and right. It's like this 12px -> label + 8px > icon > + 8px. May be, there is a work arround...
This feature is frustrating and seems totally pointless in the wild for anything except lists or tables.
The fact that is seems completely divorced from the existing frame / constraint workflow is maddening.
Anything I'm using autolayout for instantly becomes unresponsive.