That Figma auto-layout video from Japan changed how I stack components

I was scrolling YouTube last Tuesday and found this 7-minute demo from a designer in Tokyo who showed how she uses auto-layout inside nested frames to cut her button creation time by half. I always manually spaced everything and never bothered with the padding settings. Now I set 8px gaps on everything and my whole project syncs way faster. Anyone else find a random tutorial that totally flipped their workflow?

2 comments

2 Comments

paul_burns7d agoTop Commenter

Oh man, that sounds exactly like what happened to me last month. I heard about a similar workflow tip from some designer's Medium article about component spacing. Changed my whole approach. I used to fight with every single padding value, now I just drop everything into a 4-column grid with 16px gaps. It sounds too simple but it really does speed things up. The nested frame trick is what got me too, never realized how much time I wasted aligning stuff by eye.

josephf107d ago

You can take that grid idea even further if you treat your 4 columns like a stack of cards instead of a rigid layout. It makes responsive scaling way easier when you just shuffle the card order rather than rebuilding the grid.