I'm having issues where symbols created using the 3.0 template won't render correctly in Xcode 13.
The symbols look fine in the SF Symbols app, but when I import into Xcode, the symbol is not placed appropriately in the symbol view (it may only show a zoomed-in view of the bottom left part of the symbol, or the symbol won't be in the symbol view at all).
EDIT: Images in comment/answer below.
EDIT2: To clarify, I'm referring to custom symbols.
How can I resolve this issue? Anyone able to point me in the right direction?
Thanks!
Alright, I think I finally figured it out.
I used to follow the steps below to produce a custom symbol when using 2.0 templates:
- Export similar 2.0 template from SF Symbols
- Import template in Adobe XD
- Edit/create custom symbols in desired scales and weights
- Export as .svg
- Import in Xcode
Now, it seems that you have to import it back into SF Symbols in-between 4 and 5, you can't bring it directly into Xcode. The steps thus become:
- Export similar 3.0 template from SF Symbols
- Import template in Adobe XD
- Edit/create custom symbols in desired scales and weights
- Export as .svg
- Import into SF Symbols
- (Set up layers and colors for the various rendering modes)
- Export symbol
- Import in Xcode