It is impossible to pin layers inside a stack. It’s like combining two different layout systems. The horizontal and vertical alignment options will determine the spacing.
If you set a layer to “Ignore Layout” (css position:absolute) then you can set pins to it because it is not being affected by the stack.
Min/max height will not be part of the initial release – so request noted!
I think it is easy. If I duplicate something inside of the stack, or any kind of group, it should stay in that stack and behave according to the stack behavior. In my case it should stay a part of the stack and be clipped by the parent frame.
adjusting symbol height doesn’t update other symbols elsewhere in the document, and need reloading. Also ran into that issue of it duplicating stack items outside of the stack but that has already been found.
@dale Yeah, this is a known issue with symbols, my apologies.
Couple of unrelated workflow tips I noticed while watching your video:
You have a frame with a group inside, which then has a text and a rectangle layer. You can simply apply the rectangle’s corners and styles to the frame itself, and just have Frame > Text (2 layers, not 4). This way you don’t need to adjust the frame size separately from the background, saving you time.
You don’t need to group things before stacking them, you can stack a multi-selection, which will wrap it in a new container for you.
Ah yes, thaks for the pointers! I have been using the new method on pretty much everything except when I thought I had found an issue, looks like my memory muscle took over and did it the old way. Enjoying the new workflow
And @dale, just wanted to add that there’s another way to get the instance sizes to catch up with the size of the source, you can use one these options, which do slightly different things based on whether you have content overrides, but in this case either will get you the result you want.
At times the inspector’s overrides panel will have a control to do the latter option, but it doesn’t always display (known issue as well), I’ll also look into what it takes to fix this.
using alt + cmd to resize an artboard (frame) of a symbol causes the instances of that symbol to travel down the page away from their original placements
About the missing checkbox for the Symbols page: you can get it back by creating a page named “Symbols”. The team is also looking into this flow to improve it.
Moving on to your Symbol. When you manually resize an instance and then change the source, the instance will keep its size. This is good, because it’s a change you’ve done, so it’ll be a bit weird that Sketch reset it. New instances will have the new size.
Let me know if I missed anything from your video, thanks!
It seems like grouped elements using Frame or Graphic can’t be set to fixed position when scrolling the prototype. I tried this with top navigation and it seems to reset the “Fix position when scrolling” setting every time. Regular groups work fine.
One big usability issue I found with removing Artboards is that now there is no visual separation of the specific Artboard in the layer list. Previously Artboards would have a background and you could clearly see each Artboard in the list and its elements. With this new approach everything looks the same, apart from the icons, and it is much harder to navigate the layers list. I understand why it is like that, but maybe there should be a setting to keep the old behavior for top parent container? This is something I always really hated in Figma and was one of the strengths of Sketch for me.
Just look at this beauty, makes my eyes feel so good.
I’m afraid there won’t be a setting, and it’ll be this way for the time being, sorry. Unfortunately we’ve got some technical constraints on how the layer list has historically been implemented, which make it difficult to do and maintain these kinds of customizations, so we went with this new design for simplicity. We’ve made the labels of top-level frames bolder (and symbol sources too) as compensation — which in fairness doesn’t stand out as much but it’s much more achievable for us.
Yeah, that is very subtle. TBH I haven’t even noticed it until now. Is there maybe an option to add some other affordance to parent containers? Doesn’t have to be a background. Maybe it can have a different chevron icon together with bolder text?an you do something with chevron icons or something else like that that is not a huge customization?
Hello Sketch team, maybe I miss something but is there any doc about stacking in sketch ?
I try to get stacks to work so that frames of an horizontal stack automatically go under each other when the horizontal space of the frame is not big enough anymore, however can’t figure out how to do it or if is this possible. Thank you !
CMD + drag select to select all child elements now doesn’t if you drag across all elements in a stack, it selects the parent stack instead. I might want to set the text colour and now if I was to do that it would set the group background colour, and I’d have to click them one by one, or select stack and enter to select all child elements, but it was a nice quick feature from before.
Also, we used to be able to control the spacing from within any of the child elements, but now we need to go to the parent element to adjust it. Are there plans to make this accessible from the child element too?