How to prototype advanced responsive designs in Figma using breakpoints and flexbox, and if it’s worth using plugins instead. — Responsive designs can largely be achieved using breakpoints and flexbox at implementation time, but it’s not immediately clear how to prototype them by hand in Figma. I found a couple of plugins, the Breakpoints plugin and the AutoLayout plugin, but Breakpoints wasn’t free and AutoLayout wasn’t automatically responsive. …

How to tell one layer to ignore auto layout without the real feature, explained using the real browser CSS property “position: absolute”. — With the May 2022 update to auto layout in Figma, absolute position is now a problem of the past. For a couple years, though, mixing absolute positioning with auto layout has been a highly requested feature. One of the oldest spectrum discussions is from 2020, and the official feature request…

Practical ways to overcome 7 common Figma design issues, caused by auto layout, constraints, groups, frames, components, and duplicates. Figma has made designing for digital accessible to millions, but even the most eagle-eyed designers still run into trouble. Whether you’re a beginner or a seasoned veteran, the old adage is…

When’s the last time you looked at your bookmarks? No? Didn’t think so. Welcome to tUXo — a blog series where I’ll share with you the User Experience of something I found either a thumbs up 👍 or thumbs down 👎. If it’s good I’ll tell you why, if it’s…

Originally published 22 April, 2022 on chuckwired.com. What happens when you put ten UX professionals in a Zoom room across all disciplines and levels, who met through the educational UX site Interaction Design Foundation? A brilliant blend of insights and banter you’re sure to experience FOMO from. We’re cruising into…

What you can do to look after yourself mentally and financially. — Redundancy is a difficult process for everyone involved, but there’s a way to navigate it and keep your dignity intact. It might be tempting to rely on your red hat thinking and give in to your emotional reaction, but it’s not usually the best…

In more sophisticated prototypes, you may want a button to display a spinner after being clicked to indicate and simulate something is happening in the background. Bootstrap has a bit of documentation how you can create…