11
Spent 2 days on a button component that broke on mobile
I was designing a button component for a client's dashboard last month and got every state perfect in Figma - hover, active, disabled, the whole thing. When the dev built it, the padding collapsed on iPhone SE and the text overlapped the icon. How do you all test component responsiveness before handing it off to dev?
2 comments
Log in to join the discussion
Log In2 Comments
max3883d ago
Yeah just build a quick HTML/CSS prototype and test it on real devices or browser dev tools. Way faster than trying to catch every edge case in Figma.
3
taylor_moore3d ago
I was 100% in the "perfect it in Figma first" camp for like two years. Then I spent three days trying to get a navbar dropdown to work on mobile in Figma and gave up. Built it in HTML/CSS in 45 minutes and tested on my actual phone immediately caught a touch target issue I would have missed. That ONE prototype saved me from building the wrong thing for a full week.
2