Dan Hollick recently wrote an excellent comparison between two strategies for handling spacing in Figma:
- “Spacer” components
- Auto layout wrappers
As a concept, “spacers” are super attractive as a way to standardize spacing tokens. Additionally, you can increase the opacity during handoff for baked-in redlining. Still though… I find they enough friction to my design process that it’s no longer worth it. As a result, it’s been a few years since I’ve used them and I don’t plan on going back. Using additional auto-layout wrappers feels more like building HTML anyway.
Click into the tweet below if you want to see Dan’s full comparison (I quote tweeted it) 👇