Using spacer components to drive consistency (in Figma)

There are many different ways to organize spacing — with the most popular (probably) being the use of auto-layout. My first big disclaimer — there is absolutely nothing wrong with this method.

Aaron Cecchini-Butler
UX Collective
Published in
4 min readJan 11, 2022

--

Traditional auto-layout method

With the traditional auto-layout method — content is framed from the inside out — similar to the traditional CSS box-model method.

--

--

Senior Systems Designer at Grubhub working on Cookbook (our design system) — as well as contributing to product design work.