Sketch symbol best practices (now that nested overrides are a thing)

Nobody likes to inherit a poorly organised Sketch file, so let’s not distribute poorly organised symbols.

Create the most basic component you can

Be smart about splitting Symbols up & combining them for easy manipulation

Naming your symbols

Input field dependencies are tidied away in the /in/ folder

button/primary-mouseover

button/primary-disabled

in/input/field/active

Naming your layers

Layer hierarchy

Using nested symbols in the override panel

all these icons share the same dimensions
The same symbol with various overrides enforced

Bulletproof resizing

Miscellaneous tips

--

--

Product Manager at Tradeshift in Copenhagen

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store