Realized my icons were all over the place after a developer sent me a screenshot

I was building out a mobile app screen in Figma last week and just throwing icons in wherever. Then a developer buddy of mine sent me a screenshot of the dev build and the icons were all misaligned and different sizes on the actual phone. He said 'hey your export is fine but the spacing is a mess in the code'. That's when it hit me that I had been eyeballing everything instead of using a proper 4px grid system. I went back and set up consistent padding and icon sizing with constraints. Took me like 2 hours to redo 30 screens but now everything snaps into place. Has anyone else had that moment where you realize you've been flying blind with layout basics?

2 comments

2 Comments

nina8345d ago

Two hours to redo thirty screens sounds like a nightmare.

mitchell.shane5d ago

@nina834 "sounds like a nightmare" is putting it lightly. Two hours for thirty screens, that's four minutes per screen. If any of them had weird layouts or custom animations you'd be cooked. I'd probably just start deleting things and rebuilding from scratch before I even touched the timer.