Notes on design, systems, and craft.
Practical articles on UI/UX design rules, Figma workflows, design systems, research, and accessibility.
Figma Components and Variants: Rules That Scale
A component library is only as good as the rules behind it. Here's how to build components people actually want to use.
5 min read
Figma Prototyping: Interactions, Smart Animate, and Flows
A good prototype answers a question. Here's how to build Figma prototypes that are realistic enough to test and simple enough to maintain.
6 min read
Handoffs Developers Actually Read
A Figma link is not a handoff. Here's what I send instead, and why it saves weeks of back-and-forth.
8 min read
Wireframing: When to Use Low and High Fidelity
Fidelity is a tool. Choosing the right level at the right moment saves time and gets better feedback.
6 min read
Information Architecture and Card Sorting for Designers
If people can't find it, it doesn't exist. Information architecture is how you make sure they can.
6 min read
12 Auto Layout Rules for Cleaner Figma Files
Auto layout is the difference between a mockup and a system. These are the rules I follow on every frame.
5 min read
What Physics Taught Me About Design Systems
Before I ever opened Figma, I was solving for invariants. Turns out that habit never left.
7 min read
User Interviews: How to Ask Questions That Get Real Answers
The quality of research depends on the quality of your questions. Here's how to plan, ask, and learn from user interviews.
6 min read
How to Run a Usability Test: A Step-by-Step Guide
You don't need a lab or a big budget. Five participants, good tasks, and careful observation reveal most usability problems.
6 min read
Responsive Design: Breakpoints, Grids, and Layout Rules
Responsive design isn't designing three screen sizes. It's designing layouts that adapt sensibly to any width.
6 min read
Dark Mode Design: A Practical Guide for UI Designers
Dark mode isn't inverted light mode. It needs its own decisions about surfaces, elevation, color, and contrast.
6 min read
Icon Design Rules for User Interfaces
Icons are tiny, but inconsistent ones make an entire interface feel unpolished. Here's how to design and use them well.
6 min read