I'm trying to resize symbol art boards so that the entire symbol and its other elements (e.g., shadows) also fit on the art board. There are three issues:
- DSM cuts off symbols. DSM doesn't display shadows, or even strokes in its entirety because of the auto "Fit" option under Sketch's Symbols layer. Strokes that are selected to align in the center or inside vs. the outside causes the symbols art board to also auto-align with those strokes in the center or inside, which cuts out the "outside" portion of the rest of the stroke. This is fine, since the symbols still show correctly with in a layer. However, when that individual, un-nestled symbol is uploaded to DSM, the symbol reflects the cut-off nature that the art board produces. And so I try to create some padding in the symbol's art board, which leads to #2 below:
- No "Margin/Space" Option. Sketch only has a "Fit" option, which appears to be the automatic action when a symbol is created. Because there is no option to create some white space/padding so that DSM won't cut off the symbol, I attempt to resize manually, which leads to #3—the bigger issue:
- Unintended Symbol Resizing. This appears to happen when an individual symbol is linked to (or nestled within) another component with individual symbols. When attempting to make the art board a little larger to add padding for the DSM upload, the symbol within another component on a separate art board is resized—and the "Adjust content on resize" option has not been selected. Here's the caveat: The symbol does not resize on its individual art board appears to only resize as a nestled component on the other art board it's located within.
So, as you can imagine, while trying to create padding for DSM to capture strokes, shadows* and other elements affected by the inside/center stroke alignment issue, and then heading back over to the Layers tab, I encounter a mess of resized nestled components (if I didn't catch it in the Symbols layer).
*Shadows are affected because the art board does not recognize shadows, only the symbol's fill or stroke)
I hope this made sense
Figure 1: Sketch's stroke alignment to center or inside causes art board to "Fit" to that alignment and trim symbol.
Figure 2: Before adding padded to symbol by resizing art board.
Figure 3: After adding padding to symbol by resizing art board. This causes unwanted scaling of symbol as nestled component in another art board.
Figure 4: DSM trims the stroke (or shadow) because of the art board's alignment to center/inside stroke option.
**I would easily just change the stroke from center to outside so that the art board does not trim the symbol, but then the icon's appearance is affected, especially when it's resized smaller in other parts of my design.