Why are my Smart Layout Symbols not working as they should?
If your Smart Layout Symbol is not behaving as expected, it might be because you have manually resized it.
Please note that manually resizing a Symbol that has Smart Layout properties will break its smart auto-resizing behaviour.
When you have a Symbol that has Smart Layout properties, you are indicating that you want the size of the Symbol to be determined solely by the content within it.
Sketch does not fully support Symbols having both Smart Layout properties and allowing it to be manually resized.
One easy way to determine if the Symbol has been manually resized is to select the Symbol and check in the Inspector if the “Shrink Instance to fit content” icon is present. It is an icon of two angled arrows pointing in towards each other, and can be found to the right of the Symbol’s “Overrides” section, next to the “Reset Overrides” icon (a circular arrow).
Clicking this icon will remove the manual resizing that has been applied to the Symbol and will correctly resize it based on any override content within it.
We do have plans to continually improve the way Sketch works with Smart Layout in future releases, but for now, you would need to decide if you want your Symbol to be a normal Symbol which you can manually resize, or a Smart Layout Symbol which resizes itself based on its content.
For more information, please see our Resizing Symbols with Smart Layout section in our online Documentation.
Can’t find your answer?
Contact us and we’ll get back to you as soon as we can.