Not sure if this is just my lack of understanding, weird way of working, or perhaps something already in there that I’ve been missing… But now that we have Graphics as a concept it’d be great to be able to set these as ‘Outlined in instances’. This would allow you to preserve the original graphic in an editable form (E.G. a series of shapes or paths), whilst preserving the appearance of the icon when an instance of it is resized.
Let’s say I draw an icon in a 32px by 32px Graphic. The icon is a zoom button, made up of an oval with a 1px border and two intersecting lines inside of it at 1px each to form a plus +. All of these borders are 1px. If I insert this icon into a screen and scale it up to 64px, the borders and lines will currently all stay at 1px, which will make them look really thin.
If I converted the shapes and paths to outlines, the appearance will be preserved in the screen because everything scales proportionally. However, I loose the ability to edit paths, etc. in the same way I would have pre-outlining.
I know if you resized the icon using the Scaling tool it will preserve the appearance by proportionally increasing the border widths, etc. which is fine for inserting one-off icons, but I don’t think you can do this inside of nested symbols when using layouts to drive the sizing? Again, say I’m placing the aforementioned zoom icon inside of a circular button, and when I resize the button I want the icon to scale up or down too.
Traditionally if I’ve created an icon by hand in Sketch I often find myself maintaining two copies of it (traditionally as two separate symbols). One editable version and one outlined version. Being able to just have the one symbol per icon which stays editable but then insert outlined instances that retain their proportions when resized by hand or as the result of a layout would make life a lot easier!
Thanks! 