Charles Harries

| Stream

macOS button in Figma

We Deserve Less walks us through re-creating the default macOS buttons in Figma.

A default button from macOS, recreated in Figma.

Here's a great video where We Deserve Less painstakingly recreates the default buttons from macOS.

I love design like this. Buttons are such finicky little things: satisfying in some inexpressible way when they're done right; so flat and uninspired when they're done wrong. For a piece of UI that really only has 3 or 4 points of variation—padding, colour, border-radius, shadow, one or two others?—they're so fun to explore. The macOS buttons have a gradient shadow—who knew?