Skip to content

Instantly share code, notes, and snippets.

@olgusirman
Created February 6, 2020 15:14
Show Gist options
  • Save olgusirman/848e634bde61802badbbe0d4a1ad7ba0 to your computer and use it in GitHub Desktop.
Save olgusirman/848e634bde61802badbbe0d4a1ad7ba0 to your computer and use it in GitHub Desktop.
Here are some nice tips I learned about #SFSymbols from the great talk #wwdc19
- Request your designers a SVG format which include all symbol configurations. Apple has a cool template file for adaptation all the icons that you use. It will save you in a big headache :]
- Using scale with SymbolConfigurations is very handy. Your symbols will always be fit regardless from where to use them. Especially you need to consider if you are using custom fonts.
- Just provide two images with the same name for iOS13 and bitmap versions for older IOS version. The system will use correct version.
- Don’t confuse symbol points sizes and screen point sizes. Symbol points sizes represents typographically and values wouldn’t match with screen point sizes.
for your icons, get the regular size first and update to pointSize instead of setting constraints width and height, It would be much more performance and correct way about icons centered.
- Prefer horizontal and vertical centering over edge alignment, try to build your layouts smallest element to largest element
- Avoid rasterizing!
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment